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.947767.com-台湾彩票历史开奖| www.gt75.com-当彩票打票员风险| www.u98.win-搞笑体育彩票中奖| www.69sg.com-乐彩彩票网登录| www.1227.cn-博彩论坛送白菜专区| www.38673.cc-我要中彩票靠谱吗| www.92716.com-jc聚彩彩票平台| www.071262.com-竞彩网招聘-| www.152629.com-网投彩票app| www.302304.com-七星彩下载-| www.383291.com-陕西快三开奖时间| www.527247.com-香港财神彩神特网| www.622119.com-五福彩票真的吗| www.706095.com-老挝博彩为什么不抓| www.795563.com-天天彩票安卓版下载| www.880857.com-财神十分彩开奖结果| www.990247.com-星辉彩票软件正规吗| www.af91.com-福彩3d昨天什么号| www.ub58.com-五分快三怎么稳赚| www.17iy.com-彩丰物流查询| www.789.cn-彩票双色指南报纸| www.6101.cc-白色釉上彩有毒吗| www.18848.cc-万家彩票网址| www.66791.com-3d图第二彩吧| www.069065.com-幸运5分彩是真的吗| www.143358.com-四柱法测港彩| www.228032.com-河南帝彩快三是什么| www.311943.com-3号彩票注册| www.389170.com-澳客电脑竞彩版| www.562327.com-开心七星彩网站| www.640017.com-大通彩票平台| www.759312.com-福彩专家杀号定胆| www.858459.com-中国湖北彩票网| www.933150.com-香港一惠民彩票| www.986303.com-玩彩票大平台可靠吗| www.mu2.cc-今天内蒙快三技巧| www.rz38.com-中彩网平台怎么样| www.18gh.com-辽宁快三平台| www.345.me-色彩心理学测试题| www.4568.live-中国福彩性质| www.03713.com-福彩带连线的专业版| www.53361.com-e乐彩官方下载| www.004390.com-福彩快三跨度走势图| www.082505.com-众信彩票官网| www.155820.com-非法经营彩票网站罪| www.317271.com-彩九c9下载-| www.392310.com-纸质彩票怎么兑奖| www.585998.com-天天爱彩票又维护| www.663851.com-cba篮球彩票| www.746260.com-网络购彩骗局| www.822665.com-竞彩源码-| www.901368.com-体彩竞彩比分怎么玩| www.972481.com-优彩师软件下载| www.tl35.com-体彩试机号30彩吧| www.09fb.com-老杜说彩票今日推荐| www.82ya.com-五彩网3d字谜| www.2322.in-福彩快了十分玩法| www.8212.cc-奔腾彩票是什么| www.32051.com-oo8彩票-| www.77836.com-98彩网-| www.030211.com-正版玩彩网app| www.112226.com-彩票新会员注册即送| www.191035.com-彩金鲨鱼游戏机| www.270131.com-132彩票安卓版| www.479192.com-七星彩差分视频| www.565693.com-99新彩吧-| www.637016.com-彩虹6号多少钱游戏| www.750655.com-玩高频彩赢钱| www.823453.com-竞彩购买大厅500| www.897105.com-久久发彩票-| www.965980.com-大发快三网投彩票| 9号彩票www.858399.com| www.ku10.com-上海福彩网快3预测| www.i22.cn-三b彩票-| www.41hy.com-中彩网三底走势| www.593.website世博彩app哪里下| www.4799.cm-彩虹六号比分直播网| www.01821.com-十分彩跟永9购| www.89438.com-注册送彩金的游戏| www.052085.com-如何开发彩票app| www.143323.com-乐八彩票-| www.219674.com-彩票投注模式| www.292571.com-武汉福利彩票店转让| www.367121.com-58彩开奖论坛| www.459536.com-彩票中奖猫腻| www.549545.com-时时彩宝宝计划下载| www.681529.com-豪彩娱乐坑了多少人| www.761453.com-好彩妹照片-| www.878208.com-福彩3d家彩网| www.966507.com-数字型彩票博弈论| 500彩票www.50054j.com| www.et81.com-彩票能稳赢吗| www.vz04.com-贵州省福利彩票官网| www.13ep.com-百世子彩票软件下载| www.82qk.com-七星彩开奖今晚结果| www.1832.cc-爱米彩票助手| www.12238.cc-辽宁福彩短信指令| www.55102.com-时时彩摇奖机下载| www.000360.com-云南时时彩开奖网| www.065483.com-信阳合买彩票| www.176721.com-中国福彩快三网站| www.247999.com-掌聊彩票-| www.318212.com-博彩骗局-| www.382852.com-博盈彩票下载安装| www.533319.com-数学家中奖彩票| www.613023.com-彩票系统程序源码| www.680579.com-体彩亿元大奖得主| www.756455.com-3号彩票登录| www.863069.com-观看更多精彩视频| www.925811.com-彩富网最快开奖结果| www.981623.com-中国体彩报最新预测| www.xs88.com-七星彩预测彩宝贝| www.18lp.com-七乐彩31期预测| www.98rv.com-盛彩软件-| www.2870.vip-幸运赛车体彩| www.8189.biz-幻彩排三预测044| www.27972.com-福彩双色球3d图谜| www.69262.com-9场胜负彩销量查询| www.069055.com-幸运5分彩可信吗| www.130451.com-快彩王是合法的吗| www.202209.com-湖南体彩-| www.271750.com-丰彩中奖-| www.382257.com-马云的网上彩票社区| www.501548.com-易彩票网页-| www.570299.com-体彩有3d吗-| www.637547.com-体彩晚秋字谜汇总| www.744757.com-网络彩票怎么做庄家| www.811266.com-购彩平台被曝光| www.878651.com-中国彩票破解| www.969231.com-福彩资金使用范围| 500彩票www.786819.com| www.hk88.cc-黑彩票破解器| www.xc43.com-七星彩冷热号分析| www.13od.com-香港5分彩网站| www.75gx.com-竞彩足球伤停信息| www.0934.org-狼行天下竞彩合买| www.9799.pw-七星彩兑奖有效期| www.47548.com-延吉福彩中心地址| www.88467.cc-海口彩票网高手论坛| www.035758.com-体彩中奖故事| www.131807.com-四川成都彩礼价格表| www.199875.com-快三二同号单选技巧| www.262659.com-今天福彩开奖查询| www.362806.com-彩虹花变化极多| www.440722.com-彩宝网全国开奖最快| www.525124.com-香港圣地彩-| www.621459.com-七星彩杀号定| www.687348.com-湖南体彩排三| www.757645.cc-彩票跟买-| www.860536.com-一会一开奖的彩票| www.921197.com-3d彩票算法教程| www.974926.com-江苏快三质合走势图| www.nk6.com-福彩三d走势图连线| www.ns81.com-福彩3d输几十万| www.x22.cm-彩神2赢钱能提现吗| www.44vu.com-uc彩票是什么意思| www.297.cm-海鳥七星彩-| www.2972.xyz-谁有幸运彩票邀请码| www.7952.loan-粙彩-| www.21635.cc-掌上购彩代理| www.57533.cc-彩票中奖先汇款骗局| www.061700.com-注册彩票账号| www.131585.com-德宏彩民中奖| www.197660.com-湖北湖北福彩|