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天

知道了
百盈PK10 www.240455.com-竞彩任九开奖奖金| www.cp9133.com-彩13app-| www.qp77.com-pc是福彩的一种吗| www.95ij.com-网上投彩骗局| www.2550.live-百度彩票手机版下载| www.57957.cc-体彩七位数玩法规则| www.5478.cm-如何拉人买彩票| www.160362.com-87彩店app-| www.w05.net-彩民乐3d图158| www.520445.com-红旗彩票投注记录| www.664804.com-用彩铅画的花草树木| www.092771.com-周口彩礼-| www.485.mobi-东莞彩之星印刷| www.277467.com-七星彩中三个| www.2xk.com-今日彩票安全吗| www.16149.com-中国足球竞彩官方| www.36248.com-鑫源彩票网-| www.98cv.com-盛彩彩票注册| www.8706.cm-快三稳定盈利技巧| www.345097.com-彩票联盟官方| www.447233.com-彩票视频讲座| www.365786.com-彩铅头发阴影怎么画| www.285908.com-足球竞彩彩票| www.pe09.com-时时彩遗漏怎么追| www.33dl.com-足球彩票让球规则| www.2674.org-本地牛蛙彩票软件| www.9330.loan-大马彩4d-| www.977175.com-濮阳彩礼钱出人命| www.6982.vip-中国彩票app下载| www.295283.com-彩票送彩金优惠活动| www.476996.com-黑河福彩中心黄俊荣| www.552312.com-乐嬴彩票-| www.612426.com-彩乐购官方网址| www.392880.com-初学彩铅画怎么选笔| www.364880.com-360足彩开奖| www.325717.com-彩票双色球开奖直播| www.395595.com-竞彩篮球职业| www.523239.com-亚投彩票怎么样| www.660577.com-五星体育超g竞彩| www.44vo.com-中博彩票网合法吗| www.6656.com-大发彩票有风险吗| www.35627.cc-新天地彩票平台| www.567054.com-暗黑破坏神3彩虹谷| www.6300.biz-大彩网比分直播| www.86203.com-福彩双色球在线购买| www.517789.com-七乐彩试机号开机号| www.652995.com-重庆15分彩计划| www.787829.com-河口彩客化学项目| www.873245.com-体彩超级大乐透吧| www.968410.com-澳洲时时彩开奖| www.cp8300.com-兰州快三开奖结果| www.189456.com-上海时时彩开彩结果| www.61616.com-中华彩票网址| www.040327.com-博彩套利贴吧| www.806156.com-南囯的彩票精彩论坛| www.199910.com-芜湖快三开奖走势| www.004548.com-秒彩票开奖-| www.078500.com-盈彩在线app下载| www.49866.cc-足彩加app苹果| www.586238.com-七乐彩网易杀号定胆| www.251353.com-香港中彩彩票| www.24080.cc-玩彩票倾家荡产的人| www.981426.com-福彩彩票中奖查询| www.397666.cc-福彩欢乐十分钟| www.3136.net-九大彩票-| www.45379.com-祥云彩彩票合法吗| www.052505.com-有声小说买彩票| www.532038.com-彩库宝典1.0.2| www.701787.com-体彩足彩竞猜结果| www.291945.com-基诺彩票中奖规则| www.450391.com-七乐彩胆拖价目表| www.165172.com-安徽省彩票领奖地址| www.898127.com-彩票二维码扫描| www.636536.com-彩虹无人机演变| www.cai3422.com福彩快三是骗局吗| www.1335.com-福利彩票是真实的吗| www.103204.com-丰彩彩票网站| www.305345.com-彩票35期预测| www.055375.com-经典彩票昵称| www.ri73.com-开门彩预测-| www.07cp.com-彩铅画仕女图| www.528279.com-时时彩可以开挂吗| www.806978.com-7号彩票招商| www.24691.cc-彩铅画天鹅-| www.299033.com-快三河北快三走势图| www.8zk.com-福彩打票员教程| www.95274.com-开体彩注站怎么样| www.8629.cc-数字三彩神通免费版| www.228111.com-河南订婚可以退彩礼| www.rp3.com-彩神88下载-| www.2301.me-怎么看微彩票分分| www.28vq.com-竞彩篮球哪里买| www.qa4.cc-吉林市体育彩票| www.957347.com-132彩票破解| www.091896.com-江苏体彩手游下载| www.239533.com-腾讯分分彩论坛贴吧| www.02if.com-湖北福彩彩票开奖| www.037556.com-体育彩票足彩| www.596010.com-三d福利彩票走势图| www.cp6788.com-爱彩乐快3中奖助手| GO彩www.bai84.com| www.705775.com-发送信息送彩金| www.886274.com-彩铅画小清新超简单| www.989514.com-51彩票app苹果| www.ob70.com-百盈快三和值怎么才| www.39mx.com-七星彩能网上购买| www.2404.bid-吉林快三什么计划网| www.109819.com-彩票软件怎么开挂| www.730233.com-三彩彩票网址多少| www.fd56.com-够力七星彩开奖表| www.j50.net-蚂蚁彩票合法吗| www.653791.com-澳门福利彩票足彩| www.5820.vip-足彩胜负14场赛程| www.55657.com-水彩创意画-| www.385072.com-彩票开奖源代码| www.257105.com-快三app下载苹果| www.58477.com-安彩高科同花顺| www.2964.biz-彩民守号中奖| www.9421.top-华人彩票账号登录| www.641322.com-香港时时三分彩| www.865346.com-大奖网彩票020| www.924044.com-大乐彩透-| www.977780.com-一分彩一天开多少期| www.cp347.com-快三代理怎么挣钱| www.ip88.com-彩票预算软件| www.819981.com-乡镇开彩票店怎么样| www.501608.com-坚持买同一注彩票| www.651917.com-中国福利彩票多少钱| www.71755.cc-直接购彩的极速快三| www.270117.com-金亚洲彩票app| www.421037.com-今日福彩p3中奖| www.502038.com-捷报网足彩亚盘推荐| www.51qw.com-小班彩虹伞的儿歌| www.006389.com-幸运快三第一户| www.539476.com-彩票站能否私下转让| www.376244.com-博彩票计划-| www.495273.com-什么牌子的彩漂好用| www.52879.cc-澳门好彩香烟| www.288785.com-下载全民彩票软件| www.274597.com-肖立刚教你玩快三| www.tn.com-福彩开奖号码| www.kh20.cc-体彩大乐透字谜| www.zp71.com-佬牛足彩预测| www.98iv.com-黑彩快三大小技巧| www.788913.com-竞彩投注比例用| www.901237.com-福彩独胆杀号3d| www.cai1044.com快三网站大全| www.g11.xyz-海南私彩-| www.81ev.com-彩神通vip-| www.3729.com-五子彩球手机版| www.01629.com-中超足彩哪里买| www.846992.com-中国体育彩票贵州站| www.150117.com-快三投注第一网站| www.662736.com-如意彩票计划网| www.778704.com-创彩网主页-| www.521314.com-福利彩票3微信群| www.7632.cn-博金彩票官网| www.030309.com-福利彩票的结果| 非凡彩票www.77210f.com| www.054548.com-乐赢彩票app下载| www.933959.com-五福彩票网-| www.981462.com-河南体彩481号| www.cw0.cc-彩票咋选号-| www.65093.com-竞彩怎么发帖找客户|