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天

知道了
彩票123现在叫什么名字 www.950969.com-中彩是骗局-| www.dk3.com-体育彩票十分钟一次| www.55et.com-福利彩票7-| www.024176.com-彩票代购平台被骗了| www.140840.com-985彩票app-| www.276281.com-时时彩万为规律口诀| www.547361.com-永旺彩票平台| www.33ab.com-七星彩机选一注号码| www.69ca.cc-金冠彩票注册| www.62wp.com-浙江爱彩人彩票网| www.3399.site-彩虹翼支付-| www.313569.com-河北快三是不是骗局| www.512785.com-王者彩吧平台| www.625032.com-豪彩娱乐登录地址一| www.755299.com-一定牛买彩票安全吗| www.874899.com-彩宝彩票是真的吗| www.970012.com-玩彩网合法吗| www.gc1.com-彩票网名-| www.07tn.com-七星彩番外馒头| www.8878.in-竞彩半全场投注| www.329515.com-新彩网手机版3d| www.19139.com-足球彩票领奖| www.gj40.com-好运彩一分快三| www.977360.com-北京福彩3d试机号| www.we06.com-七星彩开奖| www.191926.com-福彩三d走势带连线| www.150338.com-下载福建体彩快三| www.zy.cc-中国体育彩票中彩网| www.040120.com-博彩有什么推广方法| www.649778.com-彩博会-| www.939779.com-玩彩票大概率赚方法| 利彩www.57578h.com| www.64277.com-竞彩外围在哪里能买| www.173175.com-福彩5d开奖-| www.300047.com-好彩官方版0567| www.505452.com-溧阳体彩-| www.631598.com-江苏快彩快三| www.731717.com-彩钢板围挡方案| www.872364.com-福彩网注册码| 彩82www.c1350.com| www.660564.com-七彩直播破解版| www.030658.com-我360彩票-| www.sk62.com-乐乐彩票-| www.786683.com-极速3d彩票破解| www.644404.com-腾讯5分彩下载| www.624129.com-旭彩美缝剂价格表| www.699359.com-天天彩选4开奖号码| www.786234.com-海南私彩规律图| www.860302.com-郑州福彩大厦地址| www.948840.com-体育彩票有刮刮乐吗| 金冠彩票www.c4525.com| www.731439.com-代玩彩票兼职赚钱| www.806517.com-博马彩票app下载| www.874620.com-腾讯分分彩官网结果| www.945228.com-福建福彩投注站电话| www.989912.com-彩漂能去黄吗| www.qp36.cc-福利彩票有哪几种| www.20fe.com-彩票一加一多少钱| www.32rq.com-福利彩票双色球40| www.896.cc-新浪爱彩篮彩推荐| www.5233.me-大乐透唯彩推荐号| www.as31.com-彩票开奖分析| www.q79.com-双阳黑彩-| www.958271.com-新乐彩是黑平台吗| www.bq05.com-七乐彩票骗局| www.yv89.com-红旗彩票-| www.357821.com-微迅彩票网-| www.899166.com-公用彩票数据接口| www.zx98.com-彩虹7号多少钱游戏| www.435211.com-彩王之巅直选五注| www.89079.cc-盈彩网如何注册| www.051196.com-可以彩票合买的软件| www.127470.com-彩虹世界官网链接| www.18527.com-派彩化妆品-| www.76369.cc-中华彩票网骗局| www.051809.com-大发时时彩正规吗| www.120310.com-体彩提成-| www.18991.cc-彩宝贝十位杀号定胆| www.028073.com-星际彩票骗局| 盈彩www.890703.com| www.60ao.com-双彩求开奖-| www.289376.com-福彩直播开奖现场| www.wj2.cc-辽宁沈阳快三走势| www.ru58.com-全国快三彩票| www.654587.com-彩友吧彩民朋友的家| www.338764.com-中彩票送18-| www.422888.cc-荣誉彩票犯法吗| www.520612.com-爱彩票安卓版| www.579894.com-七彩星小说-| www.673517.com-上海快三跨度走势图| www.760835.com-超级时时彩是骗局吗| www.193847.com-山东省福彩兑奖流程| www.357726.com-体彩14场对阵表| www.006876.com-体彩任选-| www.238513.com-今天河南快三结果| www.320482.com-360彩票大厅| www.385653.com-大发快三专业带回血| www.1kj.cc-3d五行乐彩网| www.79157.com-车身彩贴-| www.079249.com-怪兽猎人彩票机攻略| www.158409.com-竞彩足球北单投注| www.254392.com-彩票女-| www.376793.com-七星彩图片168| www.25128.cc-顶级水彩颜料品牌| www.66391.cc-彩票店招人-| www.97758.com-三宝生活体彩屋| www.078777.com-七星彩的中奖规则| www.134168.com-淘淘彩票app| www.070778.com-彩678是真的吗| www.157172.com-易彩堂诈骗-| www.279308.com-美女彩票托的套路| www.338256.com-梦见中彩票500万| www.396388.com-竞彩篮球返奖率奇低| www.102502.com-最新彩票大奖| www.268136.com-彩票选号规则| www.377982.com-彩35彩票领导者| www.130655.com-505彩票合法吗| www.322512.com-足彩8串1奖金计算| www.543548.com-3d预测玩彩老头| www.644.bid-时时彩彩票易位理论| www.774041.com-希腊五分彩官方| www.853501.com-江苏快三的计算方法| www.912743.com-彩客骗局-| www.965899.com-买彩票怎么发朋友圈| www.cp8233.com-江苏体彩-| www.as63.com-熊猫彩票app| www.f13.online-七星彩万字表| www.461629.com-长江快三平台太黑| www.563945.com-3b彩票试机号| www.626496.com-老彩民高手网| www.81158.cc-福利彩票头奖分配| www.518352.com-安徽福彩app| www.4112.net-模拟彩票摇号器| www.5mh.cc-彩票1800模式| www.51359.cc-好运彩下载苹果版| www.65998.com-甘肃快三走势图明天| www.501295.com-易彩堂是怎么赚钱的| www.2ar.com-内蒙古快三吧| www.122435.com-乐彩vip安卓| www.96an.com-黄渤彩票号码| www.46tv.com-世彩堂彩票-| www.4201.top-手机彩票网c77| www.51159.com-重庆时时彩无法提现| www.677259.com-全国彩票查询| www.81eo.com-北单sp彩客-| www.695513.com-跟单合买竞彩网站| www.330918.com-安全投资彩票网站| www.226768.com-湖北快三游戏开奖| www.22686.com-7星彩开奖结果yy| www.912707.com-彩客站微信群| www.088679.com-彩神8快三官方| www.286517.com-乐彩3d谜图第一版| www.4817.biz-三晋福彩网3d| www.119724.com-中福彩投注账户| www.3kb.cc-京彩集团介绍| www.85488.cc-668彩票网免费| www.080318.com-快三怎么玩能赢| www.509664.com-呼和浩特市体彩中心| www.4616.biz-彩票全中是多少钱| www.853663.com-头条彩票4-| www.964811.com-海南七星彩走势图表| www.ir58.com-乐乐彩票网是真的吗| www.137052.com-彩788软件下载| www.253717.com-买足球竞彩-|