QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 表单代码 > jQuery简单有趣的登录框代码

jQuery简单有趣的登录框代码

jQuery有趣的登录框,输入密码时卡通人物蒙眼动画效果代码。
分享到微信朋友圈
X

使用方法:

1、head引入css文件

<link rel="stylesheet" type="text/css" href="css/detailsmusic.css" />

2、head引入js文件

<script src="js/jquery-1.9.1.min.js"></script>

3、body引入HTML代码

<div class="music-lgin">

	<div class="music-lgin-all">
		<!--左手-->
		<div class="music-lgin-left ovhd">
			<div class="music-hand">
				<div class="music-lgin-hara"></div>
				<div class="music-lgin-hars"></div>
			</div>
		</div>

		<!--脑袋-->
		<div class="music-lgin-dh">
			<div class="music-lgin-alls">
				<div class="music-lgin-eyeleft">
					<div class="music-left-eyeball yeball-l"></div>
				</div>
				<div class="music-lgin-eyeright">
					<div class="music-right-eyeball yeball-r"></div>
				</div>
				<div class="music-lgin-cl"></div>
			</div>
			<!--鼻子-->
			<div class="music-nose"></div>
			<!--嘴-->
			<div class="music-mouth music-mouth-ds"></div>
			<!--肩-->
			<div class="music-shoulder-l">
				<div class="music-shoulder"></div>
			</div>
			<div class="music-shoulder-r">
				<div class="music-shoulder"></div>
			</div>
			<!--消息框-->
			<div class="music-news">来了,老弟!</div>
		</div>

		<!--右手-->
		<div class="music-lgin-right ovhd">
			<div class="music-hand">
				<div class="music-lgin-hara"></div>
				<div class="music-lgin-hars"></div>
			</div>
		</div>

	</div>

	<!--1-->
	<div class="music-lgin-text">
		<input class="inputname inputs" type="text" placeholder="用户名" value="admin"/>
	</div>
	<!--2-->
	<div class="music-lgin-text">
		<input type="password" class="mima inputs" placeholder="密码" />
	</div>
	<!--3-->
	<div class="music-lgin-text">
		<input class="music-qd inputs" type="button" value="确定" />
	</div>

</div>

<script type="text/javascript">
	//眼睛 密码部分
	$(".mima").focus(function() {
		$(".music-lgin-left").addClass("left-dh").removeClass("rmleft-dh");
		$(".music-lgin-right").addClass("right-dh").removeClass("right-rmdh");
		$(".music-hand").addClass("no");
	}).blur(function() {
		$(".music-lgin-left").removeClass("left-dh").addClass("rmleft-dh");
		$(".music-lgin-right").removeClass("right-dh").addClass("right-rmdh");
		$(".music-hand").removeClass("no");

	})
	//点击小人出来
	$(".inputname").focus(function() {
		$(".music-lgin-all").addClass("block");
		$(".music-news").addClass("no")
	})
	//点击小人消失

	//          $(".music-qd").focus(function(){
	//          	$(".music-lgin-all").removeClass("block")
	//          })


	//注册正则 简单判断
	 
	$('.music-qd').click(function(){
		if(($('.inputname').val()=='')){
			$(".music-news").html("请输入名称")      
		}else if(($('.mima').val()=='')){
			 $(".music-news").html("请输入密码")
			$(".music-news").addClass("block")
		}else{
			alert('提交ajax')
		}      
	})
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
强国彩 www.37926.com-六禾彩开奖结果记录| www.ty84.com-微信快三赌博群号| www.36ds.com-乐利2分彩技巧| www.1776.net-开心七星彩手机版| www.8856.org-乐彩网合买大厅| www.36900.com-88福彩-| www.81381.com-福利彩票角模式倍投| www.369835.com-福利彩票站几点封机| www.470091.com-76彩票-| www.395983.com-一三五开什么彩票| www.487250.com-足彩新手如何看盘| www.052628.com-体彩兑奖规则| www.373938.com-山东体彩站点编号| www.565165.com-澳门bb彩票-| www.835897.com-彩运8计划网址| www.52rl.com-黄河风彩双色球投注| www.563793.com-易记彩票-| www.820369.com-下载购买福彩票| www.592291.com-彩虹六号涂装排行| www.884773.com-三彩彩票兼职| www.990603.com-高频彩票网-| www.dm53.com-快三最多出过多少龙| www.k61.cn-体育彩票几号开奖| www.94gm.com-易彩堂可以玩吗| www.9283.vip-七乐彩奖金二等奖| www.83302.com-运盛彩票-| www.311307.com-众赢彩票合法吗| www.5917.xyz-体彩中心张弛籍贯| www.5584.vip-下载彩票十一选五| www.962996.com-体彩大乐透机彩乐乐| www.356450.com-存款送彩票-| www.538657.com-时时彩专家预测| www.654836.com-三时彩-| www.429535.com-利彩和立彩的区别| www.146464.com-足彩310宝勇博客| www.543813.com-彩票老店主唯彩会| www.657011.com-彩票合质定义| www.9937.cm-订婚彩礼钱图片| www.52061.com-大发快三助赢软件| www.563120.com-八八彩票登录网站| www.162191.com-大运彩票官网| www.018.loan-胜负彩预测爱彩网| www.8626.cc-我中啦彩票网关停| www.406882.com-港彩奇人网址| www.652380.com-体彩排列期开奖| www.730260.com-应不应该玩彩神v| www.813694.com-彩票上的条码是什么| www.900210.com-乐彩33app下载| www.964850.com-海南福彩网-| 500彩票www.51515i.com| www.233387.com-快三投注网-| www.335432.com-菲律宾正规彩票| www.429299.com-印象彩票赛车直播| www.539151.com-丢硬币玩彩票| www.610137.com-怎样彩票-| www.688062.com-神兽竞彩-| www.770047.com-恒大彩票靠谱吗| www.858447.com-湖北福利彩票开奖| www.942234.com-梦见彩票中奖不给钱| www.996496.com-新加坡天天彩资料| www.be77.com-7乐彩中奖查询| www.128734.com-卓易彩票app下载| www.1323.vip-彩乐汇网站-| www.5866.xyz-现有彩站出兑| www.62926.com-信彩彩票不给提款| www.400934.com-七星彩彩版区| www.590367.com-福彩图纸今天的| www.900065.cc-彩虹51下载安装| www.rd66.com-彩票任选三复式对子| www.088174.com-2345彩票网下载| www.253034.cc-好彩3复式玩法| www.332259.com-体彩卖福彩吗| www.436700.com-湖南体彩赛车奖金| www.551788.com-乐9购彩票-| www.622763.com-甘肃福彩刮刮乐| www.692553.com-泰国彩票怎么中奖| www.772168.com-时时彩组六倍投经验| www.501858.com-乐聚彩票合法吗| www.992442.com-彩票源码稳赚高收益| www.jn70.com-一定牛贵州快三| www.7007.com-竞彩258球迷| www.38169.cc-彩票机选app| www.92994.com-易网彩票开奖公告| www.kk22.cc-中国竞彩足球彩票| www.821248.com-七星彩新浪开奖直播| www.377237.cc-结婚因为彩礼钱多| www.596901.com-快乐赛车彩票官网| www.790199.com-网上彩票输钱经历| www.937227.com-易彩民彩福地| www.ps78.com-黑龙江哈尔滨快三| www.9928.in-彩票驿站主页| www.777778.com-818导航彩票网站| www.591702.com-混合竞彩计算器| www.772084.com-500彩官方下载| www.912436.com-快3专业购彩平台| www.d25.org-安卓彩票预测系统| www.42rt.com-苹果6sp原彩显示| www.332932.com-中福彩票网址下载| www.513028.com-好运来彩票太坑爹| www.772660.com-七七彩票app下载| www.699569.com-哪种彩票最容易中奖| www.1115.tv-足彩必输-| www.49jo.com-彩票大赢家快乐十分| www.359146.com-福彩查询开奖号码| www.545636.com-中国福彩30选5| www.757985.com-希望彩票官网骗局| www.860925.com-河南省福利彩票中心| www.965223.com-体彩站加盟-| www.ap03.com-贵阳福利彩票总店| www.a82.top-火箭彩票网vip版| www.41vh.com-鸿运彩票导师| www.157487.com-竞彩和北单哪个好| www.285210.com-时时彩为什么改时间| www.414643.com-彩之云理财-| www.542646.com-福彩布衣神胆| www.659344.com-时是彩杀号专家| www.770317.com-bb快乐彩技巧| www.889588.com-凤凰彩票能赢到钱吗| www.345670.com-爰购彩票-| www.751541.com-2020cc中彩吧| www.834404.com-日免软红好彩| www.937230.com-十二釉彩大瓶| 51彩票www.34972.com| www.00ia.com-快乐彩前三直走势图| www.4868.vip-刮彩票中奖-| www.878608.com-江西福彩玩法介绍| www.456287.com-巴厘岛国际彩票| www.570807.com-七彩山鸡苗价格| www.340888.cc-达人彩票骗局| www.414005.com-挂彩-| www.526619.com-网络彩票推广犯法不| www.798012.com-如何看懂彩票走势图| www.869031.com-彩票史牛人-| www.932661.com-重庆时时彩官方玩法| www.092162.com-湖北快三号码遗漏| www.83990.com-福利彩票异地兑奖| www.095166.com-彩票作假十大证据| www.032657.com-赛马派彩-| www.ds07.com-贵州快三遗漏| www.57331.cc-台湾福彩总站| www.850897.com-时时彩百位规律| www.998214.com-北京福彩咨询在哪里| www.9391.cn-独中彩票101亿| www.88100.com-万能彩票app| www.03iv.com-4157彩民红论坛| www.402490.com-彩票搅珠机-| www.09035.com-东莞体彩官网| www.58095.com-网易彩票大鱼号| www.005847.com-577彩票网址| www.185156.com-577彩票app-| www.568656.com-阿狸彩票阿莉彩票| www.666042.com-航天彩虹减持| www.8028.xyz-水彩森系古装少女| www.365826.com-祥瑞彩票代打兼职| www.493332.com-彩票开奖源去哪买| www.09102.com-广东福彩投注平台| www.720016.com-在线机选七星彩一注| www.857758.com-二分快三大小计划| www.129441.com-体彩481专家技巧| www.107816.com-福利3d彩票谜语| www.529639.com-彩票流水是什么意思| www.731877.com-彩色压印混凝土| www.876221.com-365约彩提现| www.972987.com-彩虹六号注册教程|