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.0385.org-最适合跳快三的歌曲| www.268897.com-uu彩票-| www.091786.com-135彩票app-| www.183048.com-体彩网首页-| www.21968.com-彩票平台提现被锁| www.455569.com-彩票输了两万不甘心| www.6548.wang-重庆三分彩官网| www.603752.com-彩票怎么才容易中奖| www.751486.com-中国体彩网wap| www.28ti.com-境外网彩-| www.ox57.com-快乐彩走-| www.376172.com-立彩是干什么的| www.544966.com-足彩过滤软件下载| www.634648.com-3d彩跨度复试表| www.756552.com-浙快乐彩12选5| www.837597.com-贵州彩票投注站点| www.944408.com-大联盟彩-| www.98153.cc-运盛彩票app下载| www.209477.com-彩票店搞黑彩| www.5936.biz-海南有没有快三| www.32734.com-快三可以网上购买吗| www.994923.com-香港好彩堂-| www.qr43.com-福彩有哪些-| www.53nk.com-凤凰微彩下载| www.332755.com-下载京彩-| www.559071.com-彩票大家乐安卓下载| www.655826.com-怎么开发彩票网站| www.742365.com-天天中彩五码原创| www.qu34.com-白岩松谈彩票视频| www.01el.com-周易梦兆七星彩解梦| www.090848.com-福彩三地开机号今天| www.955380.com-凤凰彩票怎么样盈利| www.7uz.com-公司年会送彩票中奖| www.319179.com-算局七星彩下载| www.543528.com-北京中国体彩报| www.712572.com-盛兴彩票v3手机版| www.825909.com-星彩网app-| www.917536.com-必赢彩票新闻| www.983964.com-彩99你真坑人| www.67767.com-如何举报彩票平台| www.290012.com-内蒙古体育彩票站| www.9679.cm-港彩慈善网-| www.136987.com-彩票店兑奖有提成吗| www.221090.com-快三算号-| www.253835.com-青海快三077预测| www.564729.com-极客彩票-| www.058408.com-福彩时时彩选号软件| www.960134.com-东方太阳彩票| www.v16.top-竞彩收米gif图片| www.025197.com-江西快三选号技巧| www.158492.com-足彩北京单关| www.07978.com-长沙体育彩票店| www.56872.cc-唐龙说彩今日点评| www.52ra.com-利彩是什么意思| www.023617.com-七乐彩销售时间| www.126699.com-春天美景彩铅画| www.0607.cm-彩票店会显示中奖| www.67133.cc-支付宝积分兑彩票| www.062424.com-瑞彩祥云app网站| www.551156.com-合买彩票平台| www.650362.com-彩虹伞小儿歌| www.870489.com-福利彩票店转让| www.957042.com-2044彩票平台| 大赢家彩票平台www.760170.com| www.127168.cc-彩铅画春天风景图片| www.233043.com-足彩北京单场竞猜| www.237041.com-足彩竞彩网开奖结果| www.2154.vip-福彩三地胆码必中| www.ct53.com-私彩搭建-| www.k91.net-彩神vii邀请码| www.2057.vip-彩神通四码网站| www.055271.com-彩票系统官方| www.005551.com-租彩票平台-| www.033864.com-彩票世界app| www.271460.com-广东好彩一怎么玩| www.39216.cc-利澳彩票平台登陆| www.871211.com-真三国星彩-| www.35dw.com-彩票引流进来的话术| www.138355.com-广东福彩快3| www.053028.com-快三跨度和值组合表| www.709018.com-甘肃开体彩店赚钱吗| www.119549.com-快三个位计算公式| www.251759.com-彩票应用大全| www.329701.com-彩票免费送彩金代玩| www.389922.com-23彩票apk-| www.17618.com-足够竞彩比分| www.791.cm-竞彩实体店怎么申请| www.6676.hk-荔浦的彩调-| www.61363.com-匕星彩走势图500| www.024814.cc-福快三彩票走势图| www.117788.cc-足彩现场直播比赛| www.30138.cc-体彩网点编号| www.312271.com-福彩双色球尾数和| www.zc10.com-甘肃彩票查询结果| www.35qh.com-台湾福彩星开奖号码| www.865.tv-艾彩原创-| www.32597.cc-河南和重庆结婚彩礼| www.2566.net-体彩扑克中奖规则| www.gy.cc-北京爱彩乐-| www.e01.pw-足彩中几个亿会吗| www.65tp.com-辽宁福彩发行中心址| www.513776.com-彩票榜注册-| www.052013.com-福彩3d形态-| www.126718.com-手机大众彩票合法吗| www.565471.com-福彩机号-| www.648110.com-新浪网数字彩票频道| www.753661.com-百彩网网址是什么| www.8604.cc-电视购彩渠道| www.53cl.com-福彩公告结果| www.bl70.com-利盈国际彩票app| www.878359.com-彩客竞彩彩票下载| www.973103.com-彩虹六号搞笑表情包| www.cd0.com-彩59app-| www.581980.com-彩客网twete| 大赢家彩票网www.339786.com| www.94qy.com-093彩票代理| www.535763.com-福利彩票是几位数字| www.972034.com-北方老彩民-| www.110376.com-体育彩票改革| www.979618.com-天下彩每期文字资料| www.2wk.com-如何举报黑彩票平台| www.72pj.cc-福彩3d蓝精灵a| www.791406.com-排列三走势坉彩经网| www.866287.com-搜狐彩票网官网首页| www.919667.com-彩票类搭建一条龙| www.971140.com-彩票新闻资讯| 大赢家彩票平台www.178352.com| www.et41.com-彩神vlll合法吗| www.626334.com-038彩票客服电话| www.731674.com-上海大彩鲸快三| www.424040.com-彩71在线-| www.648605.com-搜查官真条彩| www.731874.com-体育彩票排列3开奖| www.796703.com-足球竞彩比分直| www.858714.com-湖南福彩双色球开奖| www.g15.cn-云购彩票主页| www.033046.com-中信银行积分买彩票| www.596797.com-今日头彩开奖软件| www.33199.com-福建彩票网官方网站| www.53529.cc-互娱彩票app下载| www.69vi.com-至尊争霸彩票怎么样| www.916065.com-莆田体育彩票站电话| www.987007.com-菠萝彩软件-| www.ay85.com-去国外做私彩| www.tl72.com-快三个骰子点数规律| www.jh93.com-彩票的托是怎么样的| www.33md.cc-福彩3d百位全杀法| www.94wu.com-信嘉彩票-| www.sm75.com-重庆旧时时彩| www.07id.com-看彩票中奖结果| www.3668.biz-合肥体彩竞彩店| www.771866.com-三分时时彩怎么玩法| www.949027.com-中彩股份赵毅| VIP彩票www.312876.com| www.jc68.com-好彩网是合法的吗| www.15fr.com-彩虹10飞机-| www.83us.com-北京快车彩票| www.1014.in-福利彩票快乐八| www.vy31.com-青海快三奖金| www.570068.com-福彩票中奖号码查询| www.62622.com-神马彩票网站| www.b63.com-九九彩票网官方网站| www.83ls.com-体彩排列3规则| www.4131.org-彩虹的重力苏东霖|