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.5227.net-71彩票天天送钱| www.858249.com-彩票也是赌博吗| www.70ah.com-体彩481害人| www.009360.com-p代玩彩票-| www.96sz.com-表演节目彩排的说说| www.530401.cc-多彩投官网-| www.w45.org-彩票模拟器哪个好| www.4907.cm-福彩双色球贴吧论坛| www.614086.com-万能开彩成绩| www.230422.com-福彩迷app-| www.706039.com-时时彩彩票软件下载| www.208562.com-七星彩票术语大全| www.591113.com-东北结婚四彩礼| www.689905.com-95彩票网页-| www.784722.com-海南7星彩大师群| www.873663.com-彩3-| www.957429.com-王牌彩票是什么| 九五彩票www.95666w.com| www.hm54.com-福彩快三大小玩法| www.380139.com-大沥福彩中心地址| www.490798.com-福彩数字3单式开奖| www.575867.com-e乐服app福彩| www.645027.com-35彩票网页版| www.713202.com-彩票大奖新闻的背后| www.445596.com-5彩票下载-| www.100046.com-百宝彩视登录不上| www.672636.com-七星彩第三位走势| www.926949.com-达人彩票靠谱么| www.cg11.com-360彩票购彩大厅| www.421955.com-手机购彩票下载安装| www.e15.club-598彩票计划软件| www.44pq.com-cp900彩票网| www.773023.com-比较准的彩票预测| www.962040.com-全天秒速快三计划| www.a56.me-北京福彩pk10| www.3289.cm-体彩屋黑平台| www.62213.com-天天娱乐购彩平台| www.35191.com-探探很多人叫玩彩票| www.861014.com-爱乐透购彩官方版| www.954666.com-今晚体彩开什么| 500彩票www.911710.com| www.nw95.com-山东竞彩网络实体店| www.53ni.com-福彩3d几倍-| www.180639.com-中彩啦app-| www.754200.com-彩经彩票怎么样| www.905330.com-竞彩足球计算器玩法| www.998598.com-香港快三查询结果| www.is54.com-彩票系统的规律| www.f45.net-至尊快三下载安装| www.9641.net-体彩排列三九宫预测| www.004072.com-乐购彩票邀请码| www.39782.com-九彩彩票下载安装| www.3882.bid-南粤风彩好彩一| www.82597.com-足彩复式奖金怎么算| www.111136.com-体育彩票十分钟即开| www.210210.cc-买快三能赚钱吗| www.289042.com-快三官方彩票有哪些| www.367722.com-太原彩票4元中两亿| www.76en.com-彩库宝典ipad| www.7907.vip-生肖彩结果-| www.cp2803.com-老快三游戏-| www.784000.com-彩99新版-| www.882439.com-香港彩走势分析图| www.953057.com-快三红号有哪些号| 88爱彩www.88ac.com| www.259087.com-竞彩跟单app| www.759193.com-海南七星彩论坛规律| www.870641.com-易旺彩票是不是骗局| www.947426.com-彩票pc蛋蛋外围| www.ev2.com-三分快三跨度怎么看| www.167407.com-福彩快三下载| www.282819.com-双色球彩票万能公式| www.385607.com-七星彩32期-| www.560640.com-时时彩四星缩水技巧| www.687714.com-福利彩票平台软件| www.796742.com-竞彩任选九-| www.899613.com-c81彩票下载安装| www.985819.com-福彩3天中图库杀码| www.42hu.com-彩色纸盒包装厂家| www.13um.com-中国体彩湖南赛车| www.559232.com-赤峰福彩3d预测| www.930516.com-彩票七乐彩-| www.52335.cc-快三倍投追号计划| www.37233.com-重庆市代理体育彩票| www.92100.com-顺丰彩票官网| www.755160.com-福彩3d跨度怎么算| www.183466.com-中国福彩3d-| www.264077.com-彩票开奖查询app| www.761827.com-在线福彩是合法的| www.96652.cc-私彩破案-| www.7506.cn-小型体彩机-| www.300928.com-520彩票下载安装| www.368315.com-七星彩百度云资源| www.19181.com-福彩3d天牛彩吧| www.473618.com-福利彩票开奖42| www.802340.com-新快三和值最大遗漏| www.879157.com-新浪福利彩票| www.360446.com-彩影2010-| www.165827.com-福利彩票上班好吗| www.97vt.com-国丰彩票能赚钱吗| www.063643.com-10分快三下载安装| www.51286.cc-盈丰彩票客户端下载| www.820.tv-彩虹糖的梦-| www.81304.com-网络博彩报警有用吗| www.233959.com-彩票大底是什么| www.6097.cn-加利福彩票-| www.051946.com-万豪彩票ios| www.356518.com-商店送彩票广告| www.551012.com-足球彩票合买合卖| www.713228.com-百事彩票2727| www.237554.com-足彩比分结果| www.g72.club-彩宝网3d开奖结果| www.3434.cn-诺亚在线彩票违法吗| www.643214.com-特彩吧原版精装| www.714728.com-826彩票软件| www.779317.com-天天彩票应用| www.096.bid-彩16平台安全吗| 彩票5www.564676.com| www.656705.com-彩票平台bug破解| www.723567.com-常州中彩票谁| www.781331.com-彩票规律研究方法| www.850554.com-梦到自己去买彩票| www.900886.com-福彩3d陈华杀尾| www.959891.com-三分时时彩qq群| 大玩家彩票www.929115.com| www.67132.cc-蚂蚁积分换彩票没了| www.362031.com-广州福彩快乐十分中| www.510592.com-夸人漂亮的彩虹屁| www.606031.com-彩票明天-| www.79qq.com-福彩3d精英论坛| www.25nl.com-彩票压大小方法| www.232705.com-上海快三选号技巧| www.362095.com-快钱彩票下载| www.521918.com-彩票中奖查七星彩| www.697001.com-网上彩票站下载| www.791045.com-好彩双爆珠零售价| www.870386.com-类似印象彩票的网站| www.973710.com-天天彩票网资料大全| www.06up.com-凤九彩铅画过程| www.274567.com-实体店买彩票流程| www.582834.com-彩色简笔画大全图片| www.255099.com-时时彩组三组六全包| www.320920.com-台湾福彩星奖直播| www.386613.com-台湾威力彩-| www.480374.cc-足彩必发指数新浪网| www.540433.com-一分快三稳赢计划| www.607967.com-云南福彩双色球开奖| www.662187.com-手机牛彩-| www.714416.com-五分彩实时走势图| www.771415.com-个人申请87彩店| www.822402.com-668彩票登录| www.874956.com-信彩票安全吗| www.922173.com-竞彩分析师怎么考| www.967067.com-三d彩票79期开奖| 快彩在线www.2632c.com| www.232693.com-福利彩票快3走势图| www.271925.com-209彩票-| www.365536.cc-水溶彩铅上色技巧| www.275661.com-福彩3d开奖t| www.750132.com-分分时时彩彩票下载| www.869368.com-七星彩牛爹资料库| www.966737.com-宝马彩票网站登录| www.ta6.com-职业彩民心得| www.z40.org-彩神v封号-|