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天

知道了
9彩注册 www.352519.com-靠谱的黑彩平台| www.666075.com-jc聚彩彩票-| www.817675.com-福客来彩票网主页| www.967641.com-陌陌中拉人充值彩票| www.ou63.com-福彩三地振幅走势图| www.970.in-七星彩前四位公式| www.9973.pw-福利彩票每期销售额| www.80314.com-快三群犯法吗| www.092550.com-体彩18214期| www.222843.com-各种釉彩大瓶介绍| www.340406.com-体育大乐透彩票开慢| www.507119.com-易点彩票首页| www.650260.com-托班彩虹伞-| www.857549.com-黑彩量刑标准| www.979621.com-河北快三开-| www.hl47.com-tt快三平台-| www.17au.com-查一下福彩开奖号| www.1184.cc-七星彩杀号技巧大全| www.25876.cc-聚彩彩票com| www.99387.cc-老徐说彩今日3d| www.120128.com-宝马彩票网址| www.207218.com-彩票大网站有哪些| www.285208.com-上海11选5爱彩乐| www.734426.com-排3杀号凤彩网| www.882223.com-狂三本子全彩下载| 大赢家彩票平台www.2500o.com| www.rp71.com-官方彩是黑网站吗| www.233.cm-口袋彩店下载| www.35915.com-万博彩票是骗局吗| www.41vw.com-体彩飞鱼规则| www.055.biz-时时彩守号-| www.5485.me-腾讯彩虹六号手游| www.68535.com-福彩3d综合版| www.697075.com-天津时彩直播| www.cp6778.com-大发快三秘籍| 彩乐乐www.cll168.com| www.466405.com-体彩潮北11选5| www.650081.com-彩票有哪些比较简单| www.905589.com-黑彩案例判刑| www.cp025.com-江西快三官网| www.29078.com-苹果手机能买彩票吗| www.096297.com-贵阳福彩中奖未领取| www.324401.com-101彩票论坛| www.479301.com-竞彩和外围单固对冲| www.665265.com-彩票报-| www.947926.com-体育彩票的规则| www.um55.com-七星彩对奖规则| www.225220.com-福彩福建快三下载| www.389418.com-中国体彩投注软件| www.2421.org-腾讯一分彩玩法| www.z23.net-云购彩票注册邀请码| www.67528.cc-快三组合表图| www.35316.cc-彩神争霸1下载| www.044389.com-福彩试机号今天千禧| www.731190.com-彩16彩票电脑版| www.am59.cc-七乐彩走势图表| www.62oq.com-彩票组合软件有用吗| www.jw73.com-客彩网-| www.706663.com-网上玩时时彩犯法| www.893960.com-彩牛彩票是真是假| www.719.biz-私庄彩票网站模版| www.8467.com-北京老牌体彩店| www.92667.cc-立彩官方下载| www.112889.cc-台湾天天快三| www.224502.com-发彩网真能赚钱吗| www.358492.com-七星彩中奖助手| www.517749.com-我爱彩票打不开| www.45tb.com-彩虹6号围攻租号| www.093836.com-彩世界开奖官网| www.232044.com-旺彩大乐透软件下载| www.035072.com-可以试玩的彩票平台| www.170366.com-吉林快三跨度走势图| www.5184.com-大通彩票手机版客户| www.283198.com-体彩玩法有哪些| www.gb40.com-快乐彩12选5技巧| www.35qh.com-台湾福彩星开奖号码| www.79992.com-足彩开奖结果500| www.53ka.com-红利系统彩票| www.4627.vip-彩票买不中-| www.6562.cc-鑫彩美缝-| www.719896.com-七星彩复式容易中吗| www.863298.com-福彩在线官网| www.949617.com-快彩拉人怎么提成| www.dn5.cc-牛彩票-| www.197007.com-马来三分彩公平吗| www.272396.com-网易彩票靠谱么| www.386325.com-福利彩票网点利润| www.086014.com-凤凰时时彩平台官网| www.144429.com-中国彩软件是真的吗| www.604744.com-好彩吧特彩网齐中网| www.5lz.cc-和彩心得与技巧| www.88uu.com-福利彩票网站源码| www.6227.shop-查询昆明快三| www.005372.com-福彩三d选号高技术| www.424293.com-惨无星彩漫画| www.424518.com-天天赢彩票注册登录| www.586150.com-i8彩票怎么下载| www.726621.com-h163网易彩票| www.855208.com-中竞彩网-| www.968664.com-八号彩票网-| www.cr73.com-福彩3d走势-| www.v12.top-网上从哪里买彩票| www.gf39.com-福彩快三破解| www.668823.com-欢乐彩票是真的吗| www.815098.com-看福彩3d走势图| www.888565.com-安装网易彩票软件| www.039013.com-体彩6十幸运购彩| www.220356.com-红彩网app-| www.086897.com-福星彩下载-| www.232602.com-福彩快乐8开奖| www.fy08.com-浙江快乐彩开奖直播| www.i10.host-彩票图表-| www.682530.com-体彩竞彩微信群| www.793106.com-玩福彩快三能赚钱吗| www.868485.com-七星彩开机号查询| www.943402.com-如何加盟福彩快三| www.988238.com-掌中彩在线-| www.ge37.com-彩迷天地全国联销图| www.08wk.com-668.com彩票| www.479522.com-篮球竞彩软件ios| www.81412.com-江苏快三登录| www.189465.com-今日河南快三预测| www.277089.com-青海快三在哪里投注| www.356038.com-豪彩娱乐怎么样| www.121770.com-于海彩票案疑点| www.151946.com-大型彩票游戏平台| www.203578.com-七乐彩几个号算中奖| www.299579.com-凤凰彩票不能提现| www.0344.win-花式快三口令教学| www.748789.com-彩票邀请码有什么用| www.818024.com-3d定胆杀号家彩网| www.4zl.com-福彩3d老北京字谜| www.69955.com-福彩3d果今天| www.051616.com-星光彩票注册邀请码| www.182381.com-安徽福利快三结果| www.249144.com-彩56app-| www.035.com-彩票套票如何打印| www.4251.biz-诚信的足球彩票| www.9963.pw-明天开奖彩票| www.59558.cc-彩票开奖源有什么用| www.006717.com-腾讯时时彩开奖历史| www.7955.in-166彩票网安全吗| www.713958.com-旭彩彩票在线平台| www.783595.com-彩吧vip输惨了| www.843109.com-福彩中心工资| www.549737.com-足彩害死多少人| www.646539.com-双色球彩票高手经验| www.757855.com-中彩网怎么挣钱| www.867502.com-彩票500彩-| www.960184.com-网络彩票哪个最靠谱| www.cai557.com-快三单期计划| www.079043.com-app大玩家彩票| www.908547.com-人人中彩票骗局揭秘| www.253937.com-湖北昨天快三走势图| www.330252.com-体彩历史开奖结果| www.378633.com-优乐彩下载安装| www.555034.com-美国彩票牛人| www.599365.com-彩票中1万元| www.652787.com-发梦中彩票-| www.698711.com-体彩高频走势图| www.752511.com-有什么彩组词| www.799052.com-红旗彩票算法| www.850573.com-竞彩足球360比分| www.891136.com-红彩会-|