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.085101.com-星空彩票官方| www.299238.com-中彩网开奖-| www.486520.com-蓝彩蝶-| www.595151.com-七乐彩五等奖多少钱| www.713825.com-浙江福彩3d预测号| www.816080.com-河北快三技巧视频| www.cai7779.com福建快三开奖走势图| www.887094.com-铭发彩票账号被冻结| www.199087.com-广西快三技巧公式| www.850895.com-时时彩总和大小漏洞| www.20ej.com-胜负彩几点开奖时间| www.211353.com-超神时时彩独胆| www.305766.com-易彩是真的吗| www.94130.com-足彩胆预测-| www.64008.com-兴华彩票软件| www.414678.com-上彩之云-| www.563068.com-购彩2-| www.44295.com-全民平台彩票| www.341072.com-新浪双色球爱彩| www.456258.com-彩客彩票官方下载| www.3112.net-上海彩票弃奖排行榜| www.555054.com-中彩票10亿怎么办| www.659234.com-体育彩票的出奖号| 彩宝www.cb7188.com| www.118085.com-体育彩票e球彩规则| www.381089.com-杨光华彩票书连载| www.733847.com-彩票预选走势图软件| www.3359.in-彩票88网-| www.139522.com-彩c16安卓-| www.62vo.com-章鱼彩票就是个坑| www.498853.com-彩票刷流水挣佣金| www.731779.com-8k彩票真实吗| www.846122.com-福彩中心女主任痛哭| www.979409.com-好彩双爆珠好抽吗| www.227486.com-快三秒热水器| www.4706.cc-怎么买彩票赚钱| www.16007.cc-北京时时彩开奖官网| www.377290.com-山东福彩山东体彩| www.509904.com-500万彩票app| www.600154.com-大乐透彩票有折痕| www.355577.com-欧洲彩票税-| www.449779.com-华彩一二三-| www.546553.com-福利彩票申请书样本| www.546901.com-易彩堂下载就送18| www.932171.com-体彩七星彩中四个号| www.125013.com-双色球彩托-| www.352276.com-金牛彩票真假| www.110479.com-鸿运彩票大发快三| www.5038.org-意大利维斯快三赔付| www.31833.com-重庆彩-| www.cai9797.com兰州快三彩票| www.55du.com-80彩-| www.834349.com-日免软红好彩多少钱| www.930080.com-863人工彩票计划| www.988062.cc-百万彩票是哪个平台| www.uq4.com-彩票预测软件哪个好| www.sb92.com-分分彩软件下载| www.24bk.com-适合手机彩膜图片| www.547211.com-什么是彩票跟单| www.3198.xyz-中国体彩网123| www.726632.com-鸿利彩票网址| www.198839.com-彩票5单双怎么玩| www.uk94.com-内蒙古福彩网站| www.z45.wang-九州彩神8-| www.074368.com-如何从手机买彩票| www.572448.com-湖北体育彩票大乐透| www.287411.com-网上投注福彩快三| www.47oo.com-立彩佳代言人| www.947275.com-3d鬼六神算牛彩网| www.hm87.com-时时彩定一胆方法| www.553170.com-上海银彩通手机版| www.636098.com-彩虹3-| www.814458.com-体彩排列五字谜汇总| www.896266.com-瑞彩网能赚钱吗| www.962304.com-百度体育彩票| www.cp5011.com-上海天天福彩时时乐| www.nt19.com-苏州竞彩快三| www.502392.com-多彩投众筹靠谱吗| www.76976.cc-安徽体育彩票网站| www.332781.com-爱乐透彩票-| www.691.in-体育七星彩几点停售| www.935432.com-正规彩票网有哪些| www.ot3.com-分分快三稳赢策略| www.k02.net-电子无需申请送彩金| www.87pc.com-海南站七星彩图规| www.62158.cc-福彩体彩字迷| www.081583.com-2019中彩票图片| www.410.org-美国彩票代购平台| www.466987.com-七乐彩几点停| www.01087.com-彩视旧版下载安装| www.524848.cc-凯斯彩棉机-| www.s69.tv-海南快2开奖彩票| www.1bg.com-彩票冷热什么意思| www.089761.com-体育彩票怎么样玩| www.167003.com-新快三是哪里的| www.435120.com-双色球开机号彩网| www.941069.com-快三如何做代理| www.pp59.com-体彩官竞-| www.70325.com-彩天堂平台安全吗| www.968.date-七乐彩顺序出号| www.681668.com-彩票算法统计| www.772028.com-多彩贵州风-| www.874278.com-彩票刷流水平台| www.963016.com-移动彩票官网| www.ah96.com-手机体彩投注| www.698476.com-分分时时彩预测| www.737704.com-订购三d彩报| www.33bl.com-排列三牛彩字谜打卯| www.505471.com-彩运无限是可靠吗| www.ij28.com-中国福彩预测下载| www.519418.com-优信彩票网-| www.657209.com-稀有七彩银龙鱼| www.049.cm-以前的彩票值钱吗| www.516449.com-中发彩票是真的吗| www.593131.com-彩虹电视剧-| www.670269.com-福彩东方6加1| www.745188.com-棒棒彩票注册| www.798501.com-鼎盛冠军五分彩| www.9zx.com-体育彩票去哪| www.142851.com-广东福彩站主之家| www.01997.com-网彩危害-| www.xv75.com-澳發彩票手机版| www.970035.com-体育彩票网上哪里买| www.139429.com-盈丰彩票-| www.081763.com-博发彩票下载| www.246936.com-中彩堂开奖记录| www.314.cc-众赢彩票团队李胜| www.ov1.cc-体彩浙江11选5| www.5034.biz-为什么停止销售彩票| www.082424.com-163彩票下载| www.758778.cc-红彩彩票-| www.847510.com-搜索福彩3d开奖| www.922526.com-足彩交易员招聘| www.974843.com-南京彩票店吧| www.ae62.com-彩票api-| www.488868.com-福彩105-| www.576824.com-福彩快3图-| www.635381.com-七彩假期靠谱吗| www.705630.com-发彩彩票安全吗| www.786309.com-彩票查询双色球开奖| www.840664.com-彩妆培训-| www.890224.com-时时彩程序定制| www.952250.com-北京五分彩开奖数据| www.996907.com-手机彩票趋势软件| www.kw1.com-内蒙快三新规| www.74202.com-福彩双色球追加| www.981948.com-贵阳体彩大奖| www.128622.com-美国百万彩票| www.020228.com-ff14彩票计算器| www.518468.com-福万家彩票-| www.863495.com-彩票网站制作| www.922660.com-南阳彩铃制作| www.968196.com-快三福彩江苏| www.cai3355.com快三万能二码| www.076658.com-彩票需要几位数| www.571715.com-好彩捕鱼游戏下载| www.709059.com-彩之家是骗局揭秘| www.47jl.com-金手指胜负彩推荐| www.983414.com-彩c16安卓-| www.88nf.com-分分快三攻略| www.708689.com-时时彩当时开奖结果| www.01425.com-刷彩网赚是怎么回事| 9928彩票www.9928b.com| www.465077.com-跟买足彩靠谱吗|