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天

知道了
彩01彩票 www.830500.com-六亿彩票平台| www.666636.com-彩票书哪个最好看| www.751584.com-彩票折叠了还能兑奖| www.873150.com-厦门体育彩票店转让| www.991173.com-福彩121-| www.kn04.com-重庆快三查询结果| www.5918.cm-吉林快三赔付| www.1954.vip-盐湖福彩论坛| www.276637.com-快三中奖几率计算| www.379505.com-鑫彩娱乐下载安装| www.588983.com-西安市体彩中心地址| www.xy2.cc-福彩快乐十分玩法| www.17cx.com-彩票经营方式| www.89135.com-大发快三作弊器原理| www.98906.com-时时彩如何科学倍投| www.288820.com-快三中了两个号| www.441819.com-购彩网是干嘛的| www.564359.com-会员登录5k彩票| www.670818.com-3地彩票走势图| www.834812.com-好彩爆珠4mix| www.970748.com-彩票历史开奖记录| www.sq51.com-彩民之家正版彩图| www.331500.cc-7乐彩票下载| www.453618.com-华达竞彩现在能用吗| www.562759.com-爱投彩票合法吗官网| www.222694.com-吉林快三计划收费| 快3彩票www.785803.com| www.665812.com-体育彩票竞彩店郑州| www.817794.com-陆慧明竞彩分析| www.6340.in-体彩p3关注号| www.026063.com-十分彩赚钱是真的吗| www.115073.com-下载彩票软件安装| www.241257.com-新彩彩票平台| www.250608.com-51中彩彩票官网| www.8550.vip-游戏厅彩票机| www.059127.com-彩神彩专栏-| 13e彩票www.373170.com| www.147448.com-彩票开彩票开奖查询| www.44al.com-什么叫精彩-| www.961773.com-买彩票的qq群| www.009045.com-黑客更改彩票余额| www.08249.com-湖南体彩投注站| www.2668.com-乐福彩3d首页| www.120825.com-彩票撕烂-| www.226093.com-浙江快乐彩开奖直播| www.632791.com-七彩娱乐注册| www.703723.com-大发快三单双怎么玩| www.808934.com-体彩店装修内部图片| www.929882.com-七星彩还-| www.996313.com-网易彩票开奖中心| www.107121.com-网上85彩票靠谱吗| www.093395.com-快三二不同指什么号| www.192375.com-买江苏快三的技巧| www.422399.cc-福彩双色推荐号码| www.620017.com-釉上彩和釉下彩区分| www.9730.loan-重庆时彩个位技巧| www.334667.com-彩票对打-| www.5701.biz-大体彩大乐透分析| www.106827.com-七彩娱乐注册平台| www.654178.com-福彩网助手-| www.11546.com-河北快三正文| www.599023.com-福利彩票27号| www.026446.com-足彩一定牛-| www.i97.com-广州吉利快三| www.5472.vip-福彩3d和值的秘密| www.39520.com-乐玩彩票app| www.006994.com-下载qq彩票-| www.807401.com-福彩牛彩网图迷总汇| www.936017.com-幸运五星彩软件| www.89kl.com-斗地主博彩游戏| www.2863.xyz-天中图库好运彩精选| www.991049.com-彩之网3d绕胆图| www.5ke.com-刘军时时彩教程全集| www.71vt.com-高频彩票开奖规则| www.1586.wang-体彩大乐透直播地址| www.7814.vip-足彩稳赚投注技巧| www.27739.cc-网上玩快三挣钱吗| www.564805.com-东北彩票论坛| www.643404.com-希望手游彩票网址| www.766500.com-竞彩足球赛事| www.850854.com-足彩胜负彩复式表| www.69ml.com-手机刮奖彩票| www.2029.vip-河南大乐透彩票中心| www.00346.com-销售体育彩票申请书| www.48140.com-体育7星彩开奖结果| www.873198.com-605彩票-| www.34924.com-天天空彩票| www.96458.com-福彩竞彩骗局| www.177579.com-快三奖金是多少| www.843458.com-妖刀测足彩-| www.zz7.com-辽宁体彩十一选五| www.b98.top-湖壮快三开奖结果| www.57oo.com-玩by彩票犯法吗| www.5551.cn-巴西三分彩官网| www.06663.cc-体彩多邦预测| www.11ky.com-国家婚姻彩礼规定| www.679.cm-福彩三d鑫鑫预测| www.252781.com-微彩排列五论坛| www.8044.vip-固体水彩画教程| www.91768.com-手机彩票缩水软件| www.137731.com-吉利彩票网投可靠吗| www.80nk.com-全民智投365彩票| www.03ra.com-彩铅唯美风景画教程| www.179575.com-黑龙江快三开奖号码| www.293602.com-河南省体彩兑奖中心| www.oa2.com-手机48倍港彩网投| www.978540.com-8亿彩苹果版下载| www.ae.com-北京快三跨度规律| www.ks76.com-大发快三国家承认吗| www.4442.xyz-奇妙趋势彩票分析| www.cai8744.com昨天开奖的福利彩票| www.ky39.com-福利彩票代玩兼职| www.kf40.com-购彩者手机在线| www.16xh.com-567彩票不能提款| www.2045.tv-建彩票平台-| www.10267.com-360时时彩计划| www.149722.com-副利彩票开奖| www.561327.com-名人彩票合法吗| www.650125.com-博彩业控制nba| www.858641.com-体彩历史开奖| www.950273.com-百乐彩官网登录| www.um3.cc-彩票开奖七星彩| www.a75.online-开奖最快的彩票| www.47cb.com-爱乐透体彩选号方式| www.955.club-现在哪个彩票最好| www.8469.loan-下载博友彩票| www.52238.cc-中国电信彩铃官网| www.023841.com-七乐彩十大专家预测| www.168923.com-湖北快三综合走势| www.97982.cc-时时彩精确预测软件| www.155357.com-彩票双色球专家群| www.237284.com-温州体彩官网| www.305221.com-今晚七星彩预测码| www.385090.com-购彩票软件-| www.503918.com-万豪彩票官方| www.968537.com-体彩排例三开机号| www.981017.com-777彩-| www.8302.cc-聚宝盆时时彩手机版| www.325218.com-体彩排列三迷语字迷| www.391468.com-网易彩票暂停| www.490610.com-淘宝买彩票刮刮乐吗| www.559318.com-福彩三地绝杀六码| www.658438.com-数字三彩神通手机版| www.867472.com-481彩票选号技巧| www.670.cn-快三贵阳彩票走势图| www.6265.biz-时时采彩走势图龙虎| www.38789.com-淘彩-| www.93528.com-快三有啥技巧| www.061360.com-我要去彩票站下载| www.309546.com-体彩七位数中奖几率| www.73868.cc-福彩1d稳赚不赔| www.155184.com-足彩38期赛果| www.972022.com-开彩开奖现场码| www.sx60.com-彩票玩法详解| www.50ep.com-澳客彩票网专家杀号| www.788454.com-竞彩唯彩看球| www.891583.com-快三怎么买稳赚| www.970464.com-彩票团队彩金| www.xy58.com-澳发彩票平台| www.56ar.com-浙江福彩开奖结果| www.756074.com-中国体育彩票店转让| www.11.top-3d彩票蔵机字谜图| www.135860.com-七星彩预测号| www.306711.com-吉祥彩票官方|