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天

知道了
1分快三 www.ao38.com-彩票中奖查询大乐透| www.404813.com-19040七星彩| www.914768.com-神彩争霸是真的吗| www.981350.com-一分快三和值推荐| www.ly2.com-中国快三网平台| www.587852.com-彩友圈app-| www.685282.com-彩票复式中奖多少钱| www.771119.com-时时彩网站设置| www.618404.com-潍坊体彩兑奖| 大赢家彩票网www.83033s.com| www.68723.cc-9购十分彩合法吗| www.083282.com-彩票电子报纸| www.92568.cc-一定牛彩票苹果版| www.642221.com-一出好戏彩票app| www.00696.com-彩名堂软件计划下载| www.854.cm-中彩那天分几部分| www.23357.cc-易彩登陆平台| www.912962.com-体彩三等奖-| www.976591.com-焦作地区彩礼| www.qd.com-广西快三人工计划网| www.vk26.com-体彩排列5中奖故事| www.25ld.com-华彩置业谢茂权| www.252132.com-9118精英彩票| www.135666.com-足彩胜平负计算器| www.858154.com-关闭时时彩销售| www.1133.vip-竞彩比赛取消怎么算| www.11070.com-大彩鲸快乐12| www.380728.com-彩票刊出什么意思| www.964213.com-彩票平刷如何致胜| www.196004.com-江西省福彩兑奖地址| www.29336.com-好彩票苹果手机咋下| www.083767.com-智博彩票下载| www.80670.com-易迅彩票下载安装| www.543661.com-彩吧图谜第三版| www.812109.com-福彩3d平衡理论| www.649883.com-天牛图库彩吧中心| www.8782.top-篮彩捷报-| www.203654.com-彩票有哪些玩法| www.309232.com-湖南福彩网首页| www.53359.cc-乐彩彩票下载app| www.132493.com-项城彩礼贵吗| www.528279.com-时时彩可以开挂吗| www.317568.com-体彩大乐透直播频道| www.748418.com-993彩票娱乐平台| www.537333.com-彩色怎么造句| www.763167.com-彩票亿元大奖规律| www.872838.com-往上彩票加盟| www.ac1.cc-河南快三预测号码| www.q13.org-中彩网开奖结果| www.747100.com-彩票505-| www.850498.com-足彩几串几什么意思| www.922612.com-体彩分析师怎么挣钱| www.982419.com-互娱彩票返点| www.pq9.com-韩国快三开奖| www.sq54.com-时时彩开奖走| www.9mf.com-七星彩单式票复式| www.800700.com-中国福利彩票开机号| www.881395.com-长春市福彩兑奖中心| www.957724.com-福彩三d速查表| 乐点彩票www.910336.com| www.id58.com-体彩3亿-| www.689158.com-c81彩票-| www.752660.com-6巨龙彩票-| www.25345.com-彩铅技法有哪些| www.zn7.com-河北快三热号推荐| www.12my.cc-7k彩票网是官网吗| www.668963.com-一分比彩票走势图| www.878268.com-百盛彩票软件| www.888939.cc-彩店宝吧-| www.967808.com-婚恋网玩彩票的| www.cai73.cc-快三彩票骗局大揭密| www.753712.com-12时彩票-| www.841528.com-竞彩足球外围比分| www.900039.com-天天中彩票旧版本| www.969639.com-精彩音乐-| 大赢家彩票平台www.301990.com| www.007536.com-福利彩票块3| www.721217.com-福利彩票3的走势图| www.853102.com-彩票平台能对刷吗| www.942784.com-花呗支付彩票平台| www.993088.com-网易彩票怎么赚钱| www.yy6.com-吉林快三群-| www.i49.xyz-彩店宝买彩票可靠吗| 500彩票www.50051j.com| www.92724.com-广西竞彩返点率| www.060064.com-澳门彩金是真的吗| www.131071.com-江苏各地彩礼一览表| www.226513.com-可以买彩票的app| www.301760.com-体育彩票481走势| www.369004.com-开彩吧一kc8hk| www.445611.com-福彩三地布衣天下| www.525445.com-时时彩全天计划网| www.079599.com-在哪里买快三| www.870042.com-足彩分析师排行榜| 500彩票www.66653.com| www.480030.com-七星彩开奖今晚结果| www.105779.com-小鹿网络重庆时时彩| www.267313.com-彩票数据分析方法| www.9268.cc-乐彩客怎么样| www.37891.com-顶呱刮彩票中奖规则| www.761944.com-极速时时彩最稳打法| www.1157.vip-山东福彩开奖查询| www.279696.com-五分时彩计划| www.388763.com-盈盈彩票是真的吗| www.532353.com-买彩票秘诀-| www.630361.com-彩妆档次-| www.59572.com-阿里彩票亚博工作地| www.988616.com-悟空彩票下载| www.ng97.com-彩票数据分析| www.967794.com-怎么加入彩民群| www.551203.com-体彩三d开机号今天| www.9976.vip-体彩大乐透坑不坑| www.67789.com-新浪彩票电脑网页版| www.133408.com-彩票巴巴app下载| www.349585.com-老彩票平台代理| www.452045.com-中彩网手机客户端| www.69522.cc-凤凰彩票真坑人| www.9828.com-今天体彩的开奖号| www.7586.vip-彩票红五图库二| www.482638.com-天下彩票网址多少| www.609440.com-江苏福彩十五选5| www.675879.com-排列三杀码彩宝贝| www.739106.com-57彩票官方网站| www.974663.com-七星彩坛论-| www.ek32.com-福建快三推荐一定牛| www.368014.com-刚力彩芽影视作品| www.92446.cc-竞彩篮球投注软件| www.305825.com-558彩票app-| www.me9.com-甘肃快三遗漏查询| www.oc46.com-体育彩票泳坛夺金| www.330215.com-七天彩票网可信吗| www.380444.com-澳门新快三-| www.3300.biz-福彩走势软件| www.98mr.com-黑彩网站怎么举报| www.008389.com-泰安市体彩站名单| www.083762.com-今日彩票开奖号| www.22001.cc-亿彩彩票网站合法吗| www.005334.com-云购彩票我的账户| www.142012.com-广州鸣彩倒闭了| www.279272.com-吉林快三坑害多少人| www.827248.com-彩票站有假的吗| www.967663.com-足彩14场推荐预测| www.fu80.com-快三计算机计算公式| www.30bz.com-彩票最高返点| www.80qm.com-129彩票网-| www.024374.com-福彩绝杀六码| www.919249.com-七星彩内部资料直码| www.976213.com-河南彩票中奖故事| 中华彩票www.914905.com| www.nk69.com-竞彩单场推荐| www.h43.club-大奖网彩票安全| www.06ho.com-爱好48色彩铅色卡| www.301323.com-旺彩彩票平台| www.375516.com-南国体彩4十1图规| www.672234.com-彩宝平台犯法吗| www.812418.com-老件足彩博客| www.977691.com-澳门世界杯足彩盘口| www.pt57.com-彩神争霸有效邀请码| www.93lc.com-222彩票注册| www.cp7398.com-今日湖北快三开奖号| www.470578.com-购买竞彩足彩违法吗| www.567769.com-彩票36选7-| www.636355.com-一什么彩虹天上挂| www.383969.com-时时彩网页数据导入|