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.9141.net-七乐彩开奖日期表| www.8335.org-重庆时时彩彩票之家| www.779365.cc-福彩3d双彩网论坛| www.3880.biz-顶呱刮彩票招财猫| www.083708.com-新浪网数字彩票| www.318159.com-彩种有哪些-| www.dn6.com-爱彩快三出号规律| www.885027.com-亿彩堂软件-| www.558558.com-精彩中国说吕代豪| www.410470.com-唯彩看球历史版本| www.087107.com-彩票中奖率最高省份| www.526070.com-美人鱼彩票骗人| www.316114.com-上海福利彩票加盟| www.123321.cc-彩票追号技巧| www.284146.com-彩票都有什么种类| www.360071.com-七星彩手机选号网| www.39ly.com-彩票赢家-| www.749.bid-时时彩三星怎么做号| www.5558.site-幸福彩手机报付费吗| www.35194.com-快购彩票软件| www.166740.com-快三助手下载安装| www.348.in-彩票测试大师| www.7268.cm-彩虹六号隐藏技能| www.bw24.com-广西福利彩票| www.197.me-彩铅画古风景物| www.8949.wang-十一彩票停售吗| www.745678.com-网彩大数据-| www.91gx.cc-九州彩票登录手机版| www.4267.vip-87彩店骗局怎么样| www.886763.com-大大中彩票在哪下| www.997363.com-快三怎么算下期和值| www.6mu.com-怎么用数学计算彩票| www.76uw.com-手机凤凰彩票| www.35181.cc-体彩五d历史开奖| www.082045.com-大发快三稳定计划| 杏彩www.00840t.com| www.530718.com-福彩法则-| www.097876.com-北京福利彩票转让| www.018449.com-豹赢彩票和奖多多| www.023456.cc-万豪福彩助手| www.503258.com-彩票注册领彩金| www.503193.com-体彩任5开奖| www.571708.com-新年讨个好彩头| www.654715.com-赣州体彩中心位置| www.985249.com-好彩堂跑狗图彩报| www.62269.com-体彩大赢家下载| www.836765.com-03彩票官网-| www.469727.com-彩票行业的五行属性| www.581530.com-快三软件计划app| www.258049.com-福建即乐彩中奖| www.771312.com-微信投资福彩快三| www.056.online-中福网彩票靠谱吗| www.561028.com-福利彩票开奖单式| www.20ud.com-758彩票ios-| www.462430.com-好彩1实战技巧| www.4292.vip-双彩论坛的双彩图| www.12580.cc-海南体彩免费下载| www.272139.com-乐彩33众飞-| www.24is.com-三星手机彩膜| www.a68.org-黄金8彩票网快5| www.50tb.com-中国体育彩票体彩| www.079471.com-91彩票app下载| www.11pi.com-彩票摇号是随机的吗| www.220450.com-快三秒奶茶加盟店| www.303154.com-海南七星彩购买网站| www.994100.com-福彩3地开奖| www.242678.cc-彩票大全资料挂牌| www.333403.cc-微信分分彩官网| www.877438.com-r8彩票-| www.288134.com-最牛的竞彩足球大奖| www.808973.com-柬埔寨5分彩真实么| www.893306.com-彩票复式组合器| www.959405.com-彩66官网-| 博乐彩票www.35918x.com| 优彩网www.987434.com| www.zp51.com-足彩胜负彩对阵表| www.l08.net-人人中奖彩票真实吗| www.318230.com-彩虹伞的玩法及儿歌| www.1796.com-彩吧论坛首页预测| www.479858.com-七星彩分几种| www.055233.com-彩票票面码是什么| www.974893.com-福彩网手机版| www.uf07.com-那个是凤凰私彩平台| www.09023.com-足球竞彩让球| www.375596.com-掌中彩app下载| www.492255.com-彩票试玩账号兼职| www.562881.com-二八彩-| www.626844.com-信彩彩票计划| www.688328.com-手机短信买彩票| www.774757.com-网易彩票软件可信吗| www.854492.com-福彩3d喜中-| www.921414.com-彩票中奖指南电子书| www.978936.com-人工计划彩票| www.yo0.com-福彩快三怎么了| www.si26.com-北京时时彩软件| www.843340.com-福彩百名公益助学| www.67ac.com-中国福彩网官| www.577181.com-彩票55下载-| www.666081.com-海南彩票万字表| www.19ts.com-体育彩票基本职能| www.377654.com-福彩时时彩小助手| www.564667.com-七星彩雷州梦册查奖| www.669561.com-上海彩钢屋面防水| www.773199.com-七乐彩规则及玩法| www.866140.com-互联网彩票最新消息| www.950951.com-三分时时彩官方| 福彩网www.60007r.com| www.a23.bid-体育彩票门头规范| www.322696.com-网易彩票是真的吗| www.17194.com-福彩专刊报-| www.cv45.com-私彩网站有什么漏洞| www.57386.cc-立彩app苹果下载| www.339497.com-彩票中巨奖的人是谁| www.cai8522.com福建快三-| www.961845.com-四川成都竞彩快三| www.cai3323.com快3彩票是真的吗| www.nz08.com-彩票驿站官网| www.20dw.com-胜负彩19027| www.203.cc-动物花草彩铅画| www.6307.top-彩吧3d图谜第五版| www.26112.cc-彩虹羽泉mv-| www.368372.com-彩涂铝卷价格范围| www.923699.com-秒速时时彩预测| www.379399.com-买彩票书-| www.474565.com-美国快三下载安装| www.553772.com-全国竞彩联盟推荐| www.3787.vip-彩先知谜语解特马| www.017972.com-网上挣钱彩票平台| www.106987.com-瑞彩祥云返点邀请码| www.73324.com-福彩双色球彩票贴吧| www.025300.com-赢彩网真的能赚钱吗| www.086044.com-被网络彩票托骗了| www.138084.com-3d福彩图库-| www.559089.com-体育彩票兑奖地址| www.639055.com-竞彩店内装修图| www.713059.com-吉林快三案-| www.778604.com-人人竞彩ios| www.848890.com-时时彩大宝典| www.918232.com-网络彩票危害| www.994477.com-体育彩票飞鱼技巧| www.jc7.com-河南快三基本走势| www.480485.com-新浪彩票排列三预测| www.12yy.cc-王者彩票平台登陆| www.0791.space-腾讯分分彩9码刷量| www.3so.com-京彩投注-| www.73pu.com-实亿彩票平台| www.2345.cm-七彩山鸡苗批发价格| www.858104.com-福利彩票几点关机| www.821652.com-出兑福利彩票站| www.4650.win-彩票买多少钱合适| www.120428.com-即时开彩旧版| www.420840.com-彩票电话投注中心| www.577182.com-uu彩票下载链接| www.98sm.com-六爻用神数测彩法| www.760300.com-彩票彩客网310| www.865678.com-彩票店加盟费| www.960341.com-ios彩票彩金| www.cp5659.com-三分快三是什么彩票| www.qe38.com-七彩娱乐彩票注册| www.275319.com-中国体育彩票网站| www.369454.com-怎样学看彩票走势图| www.441523.com-国际福利彩票怎么玩| www.74zj.com-彩票快餐怎么样| www.330650.com-9123彩票下载|