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天

知道了
亚洲28 www.856239.com-极速时时彩平台出租| www.975172.com-万人牛牛彩票网| www.eb16.com-大发快三返点怎么算| www.6592.shop-玩彩网下载| www.50335.com-七星彩早版彩图专区| www.020188.com-足彩篮彩计划| www.209879.com-买快三有挣钱的吗| www.lg57.com-红彩会app下载| www.85898.cc-彩旬美果569| www.610948.com-上海福利彩票赚钱吗| www.488879.com-福彩3d三版四版图| www.673071.com-七星彩有效期多久| www.7252.me-做梦梦见彩票中大奖| www.369405.com-彩友时时彩计划在线| www.499890.com-竞彩二串一计划| www.958777.com-518彩票下载安装| www.hb02.com-518彩票-| www.56550.com-张家口体彩中心位置| www.020867.com-七i星彩开奖结果| www.0976.vip-91彩神软件-| www.24945.com-即开型彩票有哪些| www.052035.com-彩票旗舰网官网| www.549720.com-为什么还有网络售彩| www.833266.com-南国南海网彩票论坛| www.994234.com-彩票直播现场直播| www.qh09.com-亚太好彩爆珠| www.208314.com-查体彩福彩开奖结果| www.459769.com-足彩任九投注计算表| www.167013.com-福利快三是什么| www.276593.com-盈彩全天计划| www.362302.com-七星彩头尾合数表| www.455616.com-重庆时时彩害人| www.50364.com-开心七星彩特区彩票| www.576335.com-广西快三app| www.661490.com-云南福彩3d彩民| www.746288.com-彩天下平台正规吗| www.816270.com-彩票一夜暴富的概率| www.888660.com-678彩票网真实吗| www.986816.com-彩吧vip下载| www.bb76.com-今晚福体彩开奖结果| www.yv07.com-5587彩民论坛| www.365309.cc-北京体彩领奖地址| www.881845.com-倍投彩票-| www.968810.com-乐彩ⅴip-| 500彩票www.549577.com| www.969818.com-体育彩票网3d| www.cp9295.com-河北快三一定牛走势| www.214330.com-人人竞彩手机版| www.756116.com-特彩吧网-| www.61193.cc-038彩票苹果| www.054504.com-幸运快三助手| www.9926.org-结婚10万彩礼多吗| www.910620.com-快三走势图贵阳| www.006859.com-安徽体彩中心电话| www.110967.com-春天彩票-| www.279272.com-吉林快三坑害多少人| www.356037.com-购彩止损-| www.444945.com-贵阳彩票机转让| www.528885.com-日干支测彩出数法| www.965656.com-大发快三一分钟一期| 幸运彩票www.180209.com| www.1647.cc-多彩时时彩缩水软件| www.9994.loan-万彩办公大师| www.74996.cc-福利彩票都包括什么| www.024033.com-福利彩票中三个号码| www.101570.com-聚彩app下载| www.233399.com-快中彩开奖-| www.339536.com-彩票怎么刷水| www.499722.com-腾讯分分彩下载安装| www.853711.com-彩票头条合法吗| www.882939.com-制作彩票软件| www.so50.com-五星彩com-| www.41868.com-中华彩吧的网站| www.98575.com-比特币1分彩是什么| www.879351.com-电脑内蒙快三| www.986226.com-体彩p3今天开奖号| www.fr83.com-发彩网官方网站| www.33qf.com-分分钟中彩票网| www.222289.com-安徽快三计划精准版| www.062965.com-彩吧利润-| www.357267.com-公司赠送彩票中奖| www.523976.com-香港五分彩是否官网| www.620976.com-乐彩网摘解字谜| www.9874.cc-体彩15选5叫什么| www.92378.cc-世界杯竞彩足球彩票| www.780001.com-申请福利彩票销售点| www.12kj.cc-昨天双彩球号码| www.798395.com-体彩北盟天机图| www.904234.com-星光彩票官方网站| www.970364.com-彩票ag官方网站| 七乐彩www.700590.com| www.162152.com-足彩胜平负都选多钱| www.974150.com-正规腾讯分分彩平台| www.10147.com-足彩中奖率怎么样| www.015878.com-唯彩会双色球| www.908776.com-体育彩票店有哪些| www.wn23.com-头奖彩票贴吧| www.wd75.com-福彩开奖是多少号| www.979084.com-好彩香烟哪个好抽| www.024752.com-赣州体彩中心地址| www.83480.com-彩票老板自己中奖| www.eq02.com-河北快三开奖结| www.14yt.com-七星彩头像图片| www.0309.vip-彩票今后发展| www.7222.hk-彩虹娱乐棋牌下载码| www.081756.com-中原彩票怎么样| www.715177.com-彩票站转让合同| www.34526.com-凤凰玩彩平台| www.2138.top-国乐彩江苏快3计划| www.103236.com-七乐彩中奖规则表图| www.788526.com-足彩资讯哪里看| www.92oc.com-中国褔利分分彩| www.2870.net-快彩王触屏版| www.091509.com-聚财彩票-| www.540043.com-快三表演视频| www.041811.com-竞彩足球弃赛怎么算| www.554797.com-71彩下载苹果版| www.842306.com-福彩30周年纪念| www.7854.pw-网易十四场足彩预测| www.663717.com-今日竞彩强胆| www.788080.com-特彩吧旧版-| www.859971.com-360度快三计算器| www.973501.com-彩虹歌曲羽泉| www.cp6968.com-河南万能快三走势图| www.525511.com-lol博彩app-| www.00da.cc-大乐透彩开奖结果| www.oe63.com-彩票中奖查询结果| www.166147.com-上海快三开奖号码| www.652872.com-重庆时时彩91计划| www.739694.com-pg11苹果彩票网| www.829522.com-大家乐彩票机分析仪| www.936325.com-凤凰彩票vlll| 500彩票网www.61655u.com| www.jn79.com-腾讯快三是什么| www.79674.com-宁夏彩票中心在哪儿| www.088387.com-彩票跟计划怎么捡漏| www.654723.com-上饶体育彩票中心| www.074761.com-彩富网正版免费资料| www.i12.me-快乐双彩065| www.47mz.com-机选福彩六加一| www.092194.com-今天的湖北快三| www.06yq.com-微信不能买彩票了吗| www.021188.com-玩彩老手双色球| www.327827.cc-下面彩票开奖大全| www.484638.com-百乐门彩票官方平台| www.832703.com-下载七彩网-| www.460688.com-彩易手机版-| www.555788.com-福利彩票福建| www.608239.com-彩票派彩什么意思| www.678830.com-棋牌网站注册送彩金| www.751824.com-①号彩票官网| www.828804.com-218永信彩票| www.890659.com-倍率高的彩票网址| www.955101.com-彩票一千万税后多少| 豪彩VIPwww.hu508.com| www.690506.com-福彩官方快三有哪些| www.791070.com-福彩机选软件| www.865296.com-彩友-| www.929101.com-福彩在线是什么| www.981699.com-亚洲彩票登录| www.ga8.cc-彩票规律破解图片| www.ly60.com-清乾隆各种釉彩大瓶| www.i40.hk-下面彩票开奖大全| www.328861.com-七星彩开奖号码公告|