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.611737.com-彩虹岛手游台服官网| www.806509.com-快三二同号全包打法| www.948229.com-天天好彩手机网| www.dl93.com-那个地方玩快三的多| www.363391.com-彩虹色的花故事| www.563063.com-春节彩票小卖场分享| www.gh52.com-福彩双色球更多次期| www.285396.com-发彩网官网-| www.440771.com-vr彩票平台-| www.15jn.com-迪士尼彩票乐园| www.1335.cm-福彩几个号码才有奖| www.929400.com-七乐彩胆拖规则| 彩客网www.030310.com| www.96lq.com-pcpc彩票app| www.52uo.com-菲博时时彩平台主页| www.46tq.com-无锡体彩中心官网| www.v45.net-彩16官网安卓下载| www.38ei.com-2229七星彩图规| www.1227.cm-福祥彩票-| www.8115.loan-刷彩票网站漏洞| www.700755.com-套彩金算犯法嘛| www.834501.com-好彩蓝莓双爆击毫克| www.954100.com-福彩p62最新开奖| www.br3.com-彩神2下载-| www.03764.com-彩票店私吞一等奖| www.ju00.com-贵州快三奖金规则| www.ap02.com-体育彩票查询| www.vj71.com-快三看走势技巧稳重| www.qj27.com-好彩一八打一动物| www.33308.cc-俄罗斯快三查询| www.95483.com-体育彩票与中国梦| www.087773.com-福彩乐彩网走势图| www.164849.com-体育彩票任选九| www.253933.com-褔建体彩官方网站| www.529636.com-台湾今彩539开奖| www.684199.com-下载彩八app| www.056501.com-彩票最新源码| www.722376.com-福彩3个红号有奖吗| www.823348.com-铝彩板-| www.961318.com-网上大众彩票| www.cp8298.com-北京快三遗漏值| www.023491.com-分分彩漏洞-| www.131500.com-四川广元彩礼价目表| www.225909.com-大发快三作弊器| www.571713.com-哪款彩票app好用| www.7738.org-趣彩彩票输了几万| www.054823.com-体育竞彩比分直播| www.972071.com-彩票手机-| www.5296.xyz-彩票采集教程| www.40006.cc-今日彩票28-| www.0149.pw-彩色的怎么造句| www.012376.com-随时赚彩票官方网站| www.140246.com-七星彩早版互换专区| www.456191.com-鼎丰彩票下载安装| www.813929.com-福彩网用户注册| www.952065.com-彩票计划网站86| www.981915.com-彩票三d试机号| www.221818.com-网络彩票吧-| www.694856.com-体育彩票61兑奖| www.267070.com-2013彩票网下载| www.153962.com-彩票团队微信兼职群| www.630436.com-福彩3d汇图谜总汇| www.59018.com-彩票预测系统第二版| www.134816.com-好彩葡萄爆珠多少钱| www.590266.com-竞彩分析app| www.350666.com-头奖彩票怎么处理了| 亿万彩票www.905881.com| www.e96.top-体育彩票现场直播| www.842220.com-彩票发行收入指什么| www.081220.com-数字型彩票实战技巧| www.1768.cc-福彩300秒-| www.767594.com-牛蛙彩票是哪个网站| www.211322.com-私彩不怕官方人买吗| www.355724.com-竞彩有税吗-| www.536825.com-中国彩票查询下载| www.649926.com-竞彩足球3串1技巧| www.656195.com-融彩网是真的假的| www.859234.com-体彩浙江6十1玩法| 大赢家彩票www.589467.com| www.061.biz-彩铅花朵-| www.9440.cc-福彩3d数字遗漏| www.392027.com-竞彩3串3奖金计算| www.568776.com-排列三彩报第二版| www.711445.com-特彩吧现场报码开奖| www.856702.com-好彩客电脑版下载| www.978781.com-好彩高手论-| www.kh28.com-网上怎么样买快三| www.37zl.com-七星开奖彩结果下载| www.657389.com-天天卖彩票-| www.588363.com-球彩sam-| www.816822.com-中了彩票的人生| www.gi53.com-买快三大小怎么看| www.323048.com-巴西五分彩开奖结果| www.326948.com-彩绘等级-| www.302876.com-够力七星彩下载| www.070395.com-彩礼是什么-| www.28765.cc-浙江体彩飞鱼论坛| www.ev27.com-大奖彩票下载| www.259819.com-内蒙古体育彩票| www.467722.com-七星彩售票结束时间| www.1911.net-越南时时彩app| www.20032.com-588vip彩票网| www.91895.com-一举成名输彩知| www.173581.com-快3彩票网-| www.383523.com-美斯提彩-| www.510486.com-网购足彩恢复时间| www.614585.com-买外围彩票软件下载| www.738796.com-金丽彩票-| www.889727.com-彩票没中顺口溜| www.be58.com-快彩真赚钱吗| www.518406.com-乐米彩票停售原因| www.ky53.com-快3彩票是赌博吗| www.681621.com-福利彩票二等奖规则| www.83302.com-运盛彩票-| www.748731.com-cp中彩-| www.238362.com-中国福彩网站| www.388991.com-谷歌分分彩开奖记录| www.596022.com-买彩票算-| www.789549.com-竞彩为啥不敢开单关| www.948110.com-四川体彩兑奖地址| www.pi61.com-足彩19024任九| www.395927.com-星期六福彩开什么奖| www.360889.com-幸运星座彩票网站| www.525256.com-重庆福彩店-| www.699821.com-彩客网是正规网站吗| www.0259.pw-时时彩开奖图表| www.867339.com-怎么制作彩票网站| www.89661.cc-亚洲2分彩-| www.76809.com-体育彩票赛事直播| www.921278.com-大发快三如何预测| www.560001.com-七星彩怎样寻找规律| www.461.bid-合乐彩票能行| www.247879.com-彩票江西快3微信群| www.1595.cc-彩站宝下载-| www.260310.com-大发快三团队计划| www.392003.com-销售彩票计划书范文| www.677276.com-福彩开奖号码227| www.919221.com-时时彩十大信誉网站| www.ha44.com-福利彩app有哪些| www.8539.top-快乐时时彩游戏机| www.4105.cn-航天九院彩虹无人机| www.028504.com-哪些彩票平台不出款| www.623753.com-可以买足彩app| www.821113.com-东城区福彩销售点| www.939380.com-今日头条飞来福彩吧| www.3384.vip-福彩3d天天彩报二| www.456004.com-网络彩票销售公司| www.576507.com-爱玩彩票官网| www.750062.com-福彩双色球助手软件| www.890394.cc-快三开奖结果牛| www.981263.com-彩票代投兼职能做吗| www.kt06.com-福彩三d中奖概率| www.8904.vip-南通竞彩网点查询| www.385693.com-金钻彩票登录地址| 500彩票www.26299q.com| www.72495.com-彩天堂是正规平台吗| www.872798.com-遵义体彩中心在哪里| www.4ru.com-苏州彩票站转让信息| www.50ud.com-双色球软件彩计划| www.955456.com-彩票平台开挂提现| 中彩网www.61233d.com| www.119721.com-福利彩票多少种排列| www.bs33.com-上海快三下载| www.i95.mobi-青海福彩双色球|