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.44430.com-怎样在支付宝买彩票| www.617233.com-易购娱乐时时彩代理| www.432400.cc-贵州快三开奖跨度| www.392603.com-体彩开奖号码昨天| www.557504.com-pk彩票安卓-| www.671739.com-双色球走势彩宝网| www.583873.com-足彩大赢家软件下载| www.095652.com-足球竞猜彩票| www.39519.com-体彩7星彩预测| www.ei11.com-福建福彩公示| www.307688.com-彩票派彩是什么意思| www.529223.com-热门彩票开奖网站| www.408935.com-福彩双色球彩票中心| www.789254.com-彩票是真的假的| www.911497.com-英国时时彩开奖号码| www.119648.com-马会彩经一码书下载| www.1868.vip-q彩的邀请码是多少| www.05057.com-彩一彩票开奖| www.63126.com-任选3中奖规则体彩| www.mi19.com-盈彩app下载| www.0001.biz-属龙今日打彩票| www.466360.com-福彩3d天罡八卦| www.37885.cc-02彩票客户端| www.92016.com-彩票中奖了怎么办| www.058998.com-彩吧开奖-| www.68873.cc-测能否中彩票| www.w27.club-福彩玩彩老头给胆| www.75qm.com-八卦预测彩票| www.143573.com-彩票平台怎么风控的| www.498234.com-777福彩社区字谜| www.618687.com-兰州体彩中心在哪| www.198960.com-一分彩的技巧| www.613686.com-重庆时时彩停吗| www.736132.com-手机买彩票能挣钱吗| www.824096.com-三彩女装折扣店| www.908128.com-网上彩票下载| www.984230.com-深圳福彩3d论坛| www.gb12.cc-凤凰彩票导师计划| www.674.in-重庆市体彩中心电话| www.9101.me-七乐彩摇奖视频| www.730071.com-彩尊app苹果版| www.67030.cc-7彩颜色-| www.790697.com-福彩双色球摇号| www.889721.com-靠高频彩票生活| www.310502.com-熊猫手机彩票网| www.458078.com-彩票012路数字| www.0um.com-七乐彩合法吗| www.031680.com-七星彩历史号码查询| www.137540.com-全民乐彩票是真的吗| www.267782.com-北京快三早晨几点开| www.551605.com-粤彩网彩票靠谱吗| www.590112.com-福彩3d14和值| www.663210.com-中国足彩赔率| www.752257.com-彩牛美缝剂商标| www.70824.com-购彩之道专家专栏| www.74ly.com-快三平台流水| www.111507.com-盈彩网下载-| www.m95.com-不黑的彩票平台| www.157628.com-必发指数新浪竞彩| www.9697.in-体彩金七宝下载安装| www.761517.com-体彩十一运夺金开奖| www.871447.com-桂平彩票中了2亿元| www.978341.com-彩钢围-| www.yt5.cc-大乐透彩票中奖规则| www.3535.cc-澳门赠送彩金网站| www.85vi.com-网彩漏洞-| www.041113.com-今天广西省快三彩票| www.144155.com-竞彩如何找客户| www.246165.com-足彩任9专家预测| www.26336.com-人人中彩票ios| www.80043.com-金豪时时彩是骗局吗| www.105828.com-23彩票网怎么样| www.565831.com-怎样下载金彩网| www.676777.com-彩妆进货渠道| www.028335.com-下载彩票app| www.129469.com-好运来彩票主页| www.8214.org-玖富彩票登录网址| www.729529.com-包头市彩票站点大全| www.117400.com-湖南体育彩票兑奖处| www.h06.cn-福彩三d彩宝网| www.76pl.com-几点以后不能买彩票| www.3221.xyz-彩八仙时时彩ios| www.234588.cc-大圣彩票家app| www.974.org-中五注七星彩| www.188490.com-购彩大厅网上买彩票| www.153575.com-时时彩定位胆必中法| www.249594.com-288彩票app-| www.356823.com-河南快三多久一期| www.461805.com-cb8彩宝安全吗| www.3121.cm-世界杯彩票去哪买的| www.030000.com-五洲彩票靠谱吗| www.042847.com-黑龙江快三微信群| www.225393.com-网上微信彩票诈骗群| www.355073.com-福彩快3中奖查询| www.451021.com-福利彩票害死人| www.540071.com-哪些歌曲适合跳快三| www.603539.com-三晋彩民乐-| www.671578.com-彩礼一万-| www.399956.com-青蛙彩47期特马图| www.518398.com-皇都彩票我的账户| www.603625.com-挂机彩票论坛| www.663693.com-足彩世界杯比分倍率| www.728595.com-中国体彩七位数开奖| www.790209.com-炫彩油画骗局| www.325289.com-海南四码彩票资料| www.166367.com-快三算号神器| www.026821.com-彩票代玩兼职骗局| www.130457.com-竞彩官方大彩网| www.4551.com-七星彩历史数据表格| www.833708.com-福彩好彩3开奖结果| www.93545.com-老虎彩票app下载| www.057837.com-天津快三开奖走势图| www.198376.com-搜索3d新彩吧| www.295786.com-彩票开奖查3d询| www.775188.com-快三奖励-| www.878833.com-一定牛彩票中大奖没| 大赢家彩票平台www.978257.com| www.69999.com-彩票最全的导航| 网易彩票www.089wy.com| www.297253.com-幸运快三开奖规律| www.67144.com-浙江省体育彩票兑奖| www.145733.com-826cc彩票网站| www.gz77.cc-北京快三每天几期| www.22zl.com-hα0123彩票| www.388151.com-华彩艺术教育| www.19523.cc-福彩三d魔鬼图用法| www.13zi.com-体彩e球彩比分查询| www.558030.com-星濠彩票游戏城| www.460052.com-5颗星彩票下载安装| www.655151.com-旺角彩皇网址| www.81637.com-快三多长时间开一次| www.28691.cc-中彩彩票在哪里| www.62456.com-吉祥彩票网入口| www.506988.cc-支付宝福彩投资| www.29226.com-搜狗彩票不给提钱| www.048868.com-贵州快三全天计划| www.580175.com-永盛彩票网怎么注册| www.7772.pw-七乐彩技巧选号方法| www.66321.cc-千禧彩票官网手机版| www.386154.com-985彩票靠谱吗| www.614563.com-世界彩票专家排名| www.707963.com-足球竞彩购买技巧| www.772336.com-怎么做彩票网站代理| www.880947.com-彩票开奖时间一览表| www.953407.com-乐彩平台被骗| 亚洲彩www.68568f.com| www.072151.com-体育彩票坐庄| www.151070.com-福彩双色球四幻球| www.bw38.com-广东天彩查-| www.wj01.com-福彩七乐彩开奖时间| www.32rg.com-福利彩票双色球计算| www.161649.cc-分分彩平台下载| www.21fj.com-数字彩分析-| www.906869.com-大奖彩票有几种类型| www.972992.com-彩库宝典开奖现场| 中彩网www.91233o.com| www.800728.com-我要3d牛彩涂| www.706844.com-1分彩太假了| www.775952.com-彩票遗漏分析表| www.831637.com-彩票销量下降| www.885527.com-内蒙古体彩十一| www.942100.com-凤彩app下载| www.982054.com-七星彩彩票对比器| www.ct91.com-篮球彩票app|