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.221754.cc-5分钟开一次彩票| www.73tp.com-属猴今日彩票运| 澳客彩票www.102ak.com| www.883539.com-彩票代码是啥| www.874689.com-哪个博彩返水高| www.950654.com-乐彩网静坛版| 天天彩票www.7782m.com| www.670822.com-二分彩开奖结果查询| www.526888.com-重庆时时彩定胆杀码| www.965089.com-彩票开奖时间结果| www.ar63.com-快乐彩合法吗| www.028475.com-体彩排列三四码遗漏| www.431462.com-时时彩四星手机缩水| www.889171.com-易彩堂原邀请码| www.8898.link-竞彩4串11-| www.130.gg-无线幻彩控制器| www.6537.xyz-9号彩票是骗局吗| www.639216.com-彩虹什么时候出现| www.522820.com-极速赛车彩票开奖| www.806869.com-香港赛马彩票平台| www.926967.com-体彩排列三预测号码| www.997341.com-仙彩彩票-| www.lf59.com-全中彩票最新版本| www.13rn.com-大发1分快三计划| www.32fn.com-想买福利彩票怎么买| www.152130.com-竞彩看盘在哪看| www.243399.com-双色球杀号彩宝贝| www.329512.com-谦喜彩票官网| www.657173.com-360官方彩票安卓| www.812097.com-足彩开奖及奖金| www.333380.cc-玩彩技巧后三| www.123323.com-快三赢钱-| www.239911.com-快三多少分钟一期| www.463623.com-甘肃快三统计表| www.72283.com-申请福利彩票打印机| www.056701.com-七乐彩必出公式| www.219827.com-北京赛车高频彩官网| www.968.in-福彩七乐彩出球顺序| www.6526.shop-大豪客彩票网址| 网易彩票www.332902.com| www.70960.com-彩票白菜分享| www.077750.com-海南七星彩大奖| www.137519.com-易彩彩票安全性如何| www.34ay.com-七星彩二个头二个尾| www.020623.com-彩票程序搭建| www.175889.com-百盈快三的技巧规律| www.312291.com-体育彩票排列5| www.131.red-彩虹的约定简谱儿歌| www.560416.cc-天天彩于海宾| www.80717.com-彩票站黑彩举报电话| www.661032.com-九宫数理与彩票| www.918455.com-2345彩票计划网| www.4693.biz-梦到中彩票买了辆车| www.cai4141.com彩票双色球大赢家| www.69qa.com-微彩站app发单| www.519150.com-256博彩app-| www.9no.com-如何购体育彩票| www.13382.cc-快彩vip99-| www.067394.com-英皇娱乐时时彩平台| www.331251.com-彩票趋势辅助分析| www.466523.com-彩票能作假-| www.569905.com-彩票三d开奖走势图| www.75991.cc-七号彩平台-| www.dr77.com-彩票软件大全苹果版| www.76oz.com-几点停止买彩票| www.352396.com-天齐网首页福彩| www.055785.com-福利彩有大发快三吗| www.517222.com-体彩彩民论坛| www.70669.com-欢迎一品彩票网| www.100996.com-时时彩两顺一反打法| www.208122.com-五省快三开奖结果| www.284969.com-时时彩三星技巧| www.rd98.com-五分快三规律| www.7983.top-澳门博彩业一年收入| www.853133.com-166购彩-| 500万彩票www.07500w.com| www.561.website七乐彩图片-| www.33038.cc-江苏彩票管理中心| www.155065.com-足彩每日实单| www.69398.cc-足彩连黑倍投| www.7yy.cc-中彩票20万-| www.400124.com-美人鱼彩票下载安装| www.999199.com-下彩网手机版| www.834891.com-黄好彩香烟-| www.87892.cc-金沙博彩9499| www.770539.com-足球竞彩软件哪个好| www.088203.com-北京足彩单场计算器| www.858446.com-福利彩世界邀请码| www.553313.com-邯郸体彩站转让信息| www.940335.com-福彩吉林快三登录| www.kx74.com-快三36期开奖号码| www.cv29.com-吉林快三分析软件| www.27.org-中国彩票主任| www.78su.com-泊利彩票百度百科| www.830827.com-破解新彩彩票| www.964766.com-18彩票客户端下载| www.lv19.com-大发时时彩稳赢计划| www.68oa.com-彩票澳客网-| www.03903.com-掌中彩掌中彩安卓版| www.719110.com-中彩吧怎么样| www.830111.cc-132彩票平台官网| www.154871.com-澳客网足彩凯利方差| www.450782.com-49彩票时时彩| www.999151.com-彩乐汇登录-| www.mn07.com-7星彩票开奖结果| www.29655.com-彩福网赚-| www.57251.cc-怎么下载彩77| www.566699.com-福彩3d专业彩搜网| www.639486.com-彩票店彩票不上报| www.729815.com-彩点红单助手| www.434055.com-六开彩开奖助手| www.817779.com-彩票图纸今天的局王| www.905761.com-球彩直播-| www.973649.com-福彩双色球蓝球范围| 大赢家彩票平台www.262771.com| www.65xv.com-篮彩竞猜技巧| www.012178.com-福利彩票结果双色球| www.95wx.com-快彩哪种好赚钱| www.7378.vip-竞彩店有名额限制么| www.55449.cc-彩博士-| www.96737.com-支付宝彩票兑奖| www.0145.cm-用彩色造句-| www.194660.com-彩神88-| www.867277.com-如意彩票app下载| www.941286.com-彩票大小漏洞套利| www.987184.com-试玩账号的彩票| www.vd8.cc-乐和彩-| www.322524.com-8足彩八串一| www.548329.com-大发快三送彩金| www.271903.com-易网彩票开奖查询| www.386688.com-辽宁全运彩走势图| www.081129.com-天空彩免费资料大全| www.462189.com-彩宝是骗局吗| www.607063.com-福彩3d是什么号码| www.702549.com-万国彩票登陆| www.772694.com-大学生买彩票的群| www.829059.com-苹果版ee彩票| www.888877.com-下载易彩网站| www.947227.com-体彩有快三吗| www.987704.com-彩票挂机爆了追回| www.cp9926.com-牛彩湖北快3| www.jn59.com-5亿彩下载app| www.797090.com-彩博士时彩全能王| www.856888.cc-福彩3b字迷今天| www.902308.com-开黑彩判刑多久| www.953904.com-好彩柠檬爆珠价目表| www.990763.com-网上购彩哪个平台好| www.cp2955.com-彩票计划群坑人手段| www.3889.biz-福彩资料大全| www.516270.com-3d彩票魔方选号器| www.282801.com-彩票公式-| www.098688.com-抢红包彩票网站| www.332438.com-网上彩票代理平台| www.429699.com-创意水彩画动物图片| www.531901.com-如何看彩票的九宫图| www.621763.com-快三猜大小的玩法| www.713526.com-豹赢彩票官方版下载| www.776274.com-购乐彩下载-| www.854470.com-福彩3d在线投注| www.916096.com-时时彩有多少网站| www.970669.com-迷彩兔app下载| 500彩票网www.61655g.com| www.80064.com-时时彩玩法介绍| www.102712.com-时彩是不是骗局|