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.413543.com-喝彩的解释是什么| www.424448.com-青岛七彩虹显卡| www.575116.com-246免费彩票| www.777424.com-彩票中奖先汇款骗局| www.919699.com-竞彩app软件开发| www.cai9933.com今日快三开奖走势图| www.179701.com-彩铅画-| www.316408.com-福彩图片-| www.433449.com-东方彩票注册| www.550384.com-长春彩溢预约电话| www.698380.com-彩客网完整-| www.798356.com-有盈彩票官网app| www.912952.com-体彩三地-| www.980960.com-四川福彩快3| www.yb34.com-快三13点和值| www.49go.com-彩色冰淇淋图片| www.1426.pw-彩票一龙双凤图| www.9393.bid-博彩客服工作难吗| 大赢家彩票www.346311.com| www.155169.com-足彩19044实单| www.312103.com-彩票分析系统| www.401440.com-福彩三地试机号口诀| www.533820.com-七星彩去哪里兑奖| www.852396.com-哪个软件可以打彩票| www.916443.com-天下一第彩票开奖| www.974627.com-南方彩票-| www.cai4111.com内蒙快三跨度走势| www.ot07.com-手机购彩快三| www.732163.com-临朐彩礼聘礼订婚| www.092697.com-彩民双色球领奖| www.287654.cc-彩票预测神器下载| www.111705.com-快三对子哪个概率高| www.bo67.com-香港天下彩网网址| www.661732.com-福彩12生肖-| www.003295.com-网上买彩票| www.867950.com-喜中特彩-| www.992046.com-福利彩复式怎样玩法| www.da94.com-彩神1软件-| www.zv81.com-手机版2d彩虹六号| www.ct3.cc-江苏快三是啥意思| www.48785.com-中国福利利彩票| www.160605.com-彩票反水高平台| www.300058.cc-分分快三彩票骗局| www.382996.com-中国彩票作弊案| www.62958.com-cb8彩宝-| www.122714.com-大发快三怎样作弊| www.335414.com-广西快三外围网站| www.266510.com-一分快三开奖官网| www.924705.com-奖金过亿的彩票| www.pl87.com-大发时时彩人工计划| www.091.org-万豪国际博彩公司| www.417122.com-体彩彩票站几点关门| www.531794.com-彩民选号有秘诀| www.352843.com-京彩下载链接| www.358424.com-时时彩搭建教程| www.500522.cc-团购5分彩-| www.588049.com-空打彩票官方网站| www.678891.com-竞彩足球胜负平计算| www.787224.com-极速快三博彩走势图| www.998010.com-彩票反水高平台| www.587270.com-保定体彩中心在哪里| www.670487.com-七星彩推荐号汇总| www.761948.com-可以竞彩足球的软件| www.838038.com-凤凰网买彩票| www.922147.com-彩礼是什么-| www.981452.com-彩票返点怎么算的| www.cp8115.com-易彩快三开奖走势图| www.mr46.com-快乐彩票时时彩| www.977675.com-开竞彩店要多少钱| www.i33.top-万彩吧app苹果版| www.nc07.com-福利快3彩票app| www.36931.cc-彩宝店彩票官方网站| www.083395.com-买彩票的app靠谱| www.0447.net-彩票属于金融吗| www.176735.com-快三遗漏报表| www.4762.xyz-彩票站开业送什么好| www.994243.com-正规合法的网络彩票| www.86086.com-山东彩钢板厂家排行| www.410040.com-鸿鸿运来彩票网| www.554274.com-体育彩票店广告词| www.639351.com-济南体彩店转让| www.920951.com-亚彩会登陆最新版| 大赢家彩票平台www.573667.com| www.32688.cc-辽宁彩票无人领| www.98633.cc-快三选号号-| www.069065.com-幸运5分彩是真的吗| www.4915.cc-福利彩票哪年成立的| www.891982.com-1分时时彩-| www.986405.com-彩票课堂-| www.cf06.com-赢彩网大发快3| www.q67.cc-双色彩票一注守号| www.o45.net-玩彩票wcp.cc| www.47uq.com-新浪爱彩网彩票| www.21109.com-杭州体育彩票投诉| www.170040.com-江西福彩快三走势图| www.756344.com-双彩计划团队| www.256729.com-中彩网怎么买彩票| www.536560.com-世界上有多少种彩票| www.789138.cc-玩时时彩倍投止损| www.968224.com-体育彩票排列5软件| www.vn60.com-江苏快三的技巧| www.9ve.com-福彩3d断组规律| www.017854.com-41彩票网-| www.200477.com-熊猫网彩票-| www.793234.com-买彩票算赌博么| www.710586.com-彩票怎么买能套现| www.879846.com-大发彩可信吗| www.994902.com-好彩网是什么| www.e26.net-彩哥腾讯分分彩软件| www.042266.com-东莞福彩官网| www.692825.com-体彩p3图谜手机网| www.60991.com-石家庄彩票大奖| www.3833.in-期期好彩来-| www.34563.cc-福彩了d开奖号码| www.164085.com-微彩是什么情况| www.302506.com-52幸运彩-| www.425500.cc-豹赢彩票最新版| www.738365.com-快购彩票软件| www.829807.com-11选5彩票大师| www.930889.com-乐发彩票注册| 500彩票网www.65707x.com| www.331089.com-福彩排列七开奖| www.518855.com-美国彩票代购平台| www.629387.com-如意彩怎么样| www.732038.com-百福彩-| www.804020.com-福彩字谜画谜大全| www.096697.com-众彩网程远预测汇总| www.306.me-阜阳彩票案最终结果| www.15333.cc-桐乡福彩招标| www.cp094.com-喜乐彩历史开奖号| www.082166.com-街机新快三安卓| www.ap62.com-精彩十分怎样算中奖| www.rj53.com-快三两个号对赌| www.41.com-500购彩主页| www.61wq.com-福彩3d绝杀的公式| www.629596.com-赢钱彩是什么| www.43298.com-彩票iq南方彩网| www.041701.com-足彩暂定赛程| www.985722.com-竞彩nba预测推荐| www.4tm.com-家彩胆码-| www.60nk.com-彩票注册优惠活动| www.7009.wang-豫彩通怎么买彩票| www.022566.com-e体彩足球-| www.55040.com-注册送38彩票| www.017363.com-类似印象彩票的网站| www.102182.com-趣头条彩票平台| www.191605.com-彩票走势图大全表| www.292466.com-体彩开奖中奖规则| www.xe56.com-澳门快5彩票| www.3873.bid-中国足彩官网平台| www.049666.com-体彩排列三牛彩总汇| www.90ed.com-彩漂液对孕妇的危害| www.49ma.cc-七彩冰淇淋做法大全| www.67800.cc-斯诺克博彩网站| 大赢家彩票平台www.082712.com| www.46mg.com-彩票开奖直播官网| www.6960.biz-怎么看快三大小走势| www.8837.vip-福彩快三注册邀请码| www.1199.tv-香港好彩堂资料大全| www.051822.com-彩八彩票手机版| www.563694.com-中彩加拿大28| www.870077.com-福彩3d计算器组选| www.ba89.com-竞彩最稳的买法| www.0695.cm-消彩豆安卓版下载|