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.157012.com-七星彩高手一论坛| www.068705.com-彩票3快-| www.064618.com-比较稳定的彩票平台| www.tj49.com-做彩票-| www.156775.com-中福快三软件| www.888211.com-淘彩网首页-| www.1993.org-足彩做胆是什么意思| www.73258.com-海南七星彩头尾预测| www.686298.com-万博app怎么竞彩| www.912345.com-买时时彩私彩犯法吗| www.nf65.com-网络彩票追回钱款| www.68ta.com-万达彩票平台| www.7168.tv-搏有彩下载-| www.540433.com-一分快三稳赢计划| www.978536.com-彩8彩票苹果版下载| www.63878.com-体彩竞彩-| www.262855.com-手机版彩票破解版| www.762851.com-旭彩美缝剂产地| www.45xg.com-中博彩票系统平台| www.122081.com-时时彩暂停开奖| www.250877.com-中彩啦安卓-| www.345585.com-福彩3d太湖诗迷| www.457799.com-信彩娱乐平台app| www.559585.com-彩宝彩票没啥不见了| www.639209.com-彩票分析系统靠谱么| www.717484.com-用彩铅怎么画桃花树| www.794223.com-如何举报彩票平台| www.877744.com-彩票历史开奖大全| www.954914.com-凤凰彩票可以开挂吗| www.vs1.cc-七星彩专家预测推荐| www.uj59.com-彩票大赢家手机| www.17dm.com-河南快三组合走势图| www.009.win-新至尊彩-| www.5316.pw-分分彩后二杀码| www.36594.com-澳博彩票有限公司网| www.93044.com-彩票之谜-| www.062343.com-网上买彩票快三| www.159372.com-海南福彩快三投注站| www.239931.com-中国福彩票开奖查询| www.315455.com-时彩怎么容易赚钱| www.0003.in-5位数是什么彩票| www.19407.cc-时时彩预测下期大小| www.bw80.com-甘肃快三讨论群| www.61rf.com-福彩3d多彩-| www.099067.com-如何理解责任彩票| www.307218.com-贵州快三的开结果| www.543334.com-彩票趋势网-| www.rt09.com-彩客网1分快3规律| www.896752.com-易语言彩票自动投注| www.098507.com-彩皇网计划-| www.150508.com-彩票开奖机器多少钱| www.29287.cc-彩虹的约定伴奏| www.024570.com-试机号后彩神通关注| www.551578.com-体彩大乐透合买大厅| www.670437.com-中奖彩票票面怎么看| www.830872.com-购彩平台元角分| www.954037.com-uu快三大发快三| www.ae74.com-彩票接口-| www.933574.com-彩票代理平台的背后| www.8734.vip-网上彩票群送38| www.334175.com-体彩所有玩法| www.454321.cc-彩15app-| www.557051.com-水彩画图片-| www.625235.com-全民彩票是什么意思| www.702658.com-深圳快乐彩没人管吗| www.783099.com-福利彩助手-| www.859627.com-酷彩-| www.916394.com-彩票网站充值破解| www.973577.com-彩吧助手下载| www.gd.com-竞彩网计算器| www.oq70.com-六福彩下载安装| www.v72.cn-电脑版牛材网彩摘网| www.48bc.com-网上福彩申请站| www.04837.com-老彩民下住-| www.096218.com-四川体彩中心官网| www.455711.com-彩票害妻离子散视频| www.862273.com-k彩手机版怎么安装| www.85cn.com-网上彩票真的假的| www.058381.com-365彩票网首页| www.198452.com-玩彩票有上岸的吗| www.320007.com-彩金龙游戏机| www.451257.com-幸运分分彩计划最准| www.576402.com-彩客网七星彩| www.843.cm-牛彩网体彩排三预测| www.71889.com-网易彩票走势图分析| www.5892.biz-广东彩礼钱-| www.711.cn-vr时时彩计划| www.062429.com-福龙彩票全民快三| www.133881.com-旧版够力七星彩| www.211593.com-北京彩票十一选五| www.187108.com-快乐彩开奖结果浙江| www.288860.cc-彩票趋势分析理论| www.371141.com-桃花彩铅画图片大全| www.463746.com-七星彩领奖在那里| www.547830.com-万彩激活码-| www.800214.com-购彩大乐透-| www.872024.com-2688彩票-| www.934868.com-快彩11选五浙江| www.979379.com-泰国好彩四味爆珠| www.cp860.cc-教你百盈快三怎么玩| www.643218.com-亣仺彩开奖开奖| www.364005.com-快乐双彩开奖结果查| www.60301.com-开彩票站赌黑彩| www.11380.com-群英会遗漏彩乐乐| www.0328.com-查找附近体育彩票店| www.446858.com-查询彩票的软件下载| www.579125.com-福彩3d购买计算| www.664442.com-赢彩网二维码| www.812.website附近的体彩销售点| www.169529.com-快三规则及奖金| www.28po.com-永恒彩票app| www.157879.com-足彩直通车-| www.309551.com-体彩选号方法| www.374040.com-520彩票网址| www.590303.com-福彩三d谜语图| www.662888.cc-彩33app-| www.722345.com-福彩3d的开奖公告| www.782508.com-贵州体彩软件下载| www.749178.com-七彩国际美容| www.003327.com-圣天彩票-| www.rw09.com-五分彩票辅助| www.424405.com-七彩图书馆-| www.537582.com-威尼斯怎么去彩色岛| www.612594.com-重庆福彩手机版下载| www.679626.com-中彩网官方下载| www.748505.com-天天快三预测| www.823782.com-55彩票正规的吗| www.891552.com-彩票统计分析工具| www.956132.com-彩影抠图-| 博友彩www.267by.com| www.gg99.cc-江苏体彩网大乐透| www.a10.tv-竞彩体彩logo| www.315959.cc-七星彩排列五规律表| 博友彩www.932779.com| www.894763.com-经彩网彩票走势图| www.990000.com-中国彩吧一更懂彩| www.ed21.com-彩票代理拉人话术| www.7782.loan-七乐彩秘籍-| www.770077.com-七彩文鸟-| www.298358.com-1分快三在线计划| www.456592.com-华彩网-用户登录| www.596518.com-彩博士15码-| www.440701.com-百宝彩玩法-| www.77564.com-竞彩串规则-| www.295600.com-快三全部买完多少注| www.615262.com-美狮彩票下载| www.675819.com-彩宝网彩票开奖信息| www.745833.com-大彩网首页走势图| www.804110.com-竞彩彩票骗人| www.871454.com-江苏快三二同号推| www.3729.biz-七星彩高手论坛头尾| www.715448.com-网页版彩神-| www.826234.com-官方彩票一分赛车| www.362102.com-易赢彩票网-| www.955122.com-500彩票辅助投| 豪彩VIPwww.663738.com| www.jc03.com-北京快三技巧秘密| www.xz05.com-盛世彩票ss333| www.167387.com-河南快三走势图今天| www.305157.com-七星彩19037期| www.531462.com-彩铅大海风景作品| www.651192.com-彩票快开-| www.750698.com-盛兴彩票v3-| www.856272.com-七星彩走势图表连线|