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天

知道了
亚洲28 www.nh30.com-购彩app推荐| www.69ae.com-七彩字体下载| www.358676.com-体彩买几个好| www.466036.com-5d彩超费用-| www.560366.com-腾龙时时彩做号软件| www.066798.com-婚恋交友诈骗时时彩| www.456781.com-六今彩幵码结果| www.66057.com-彩票在线机选| www.75qf.com-易经买彩票-| www.689788.com-微彩彩票安卓| www.790169.com-彩名堂计划怎么看| www.871530.com-足彩软件排名| www.953628.com-足彩复式奖金计算器| 彩之家www.028082.com| www.938723.com-亿彩彩票app登录| www.29el.com-星空彩铅画图片大全| www.870.pw-彩票数学公式方法| www.230938.com-湖北福彩快乐十分| www.988301.com-江西省福彩网| www.981895.com-乐彩网首页官网| www.7081.com-彩八彩票官方网站| 网易彩票www.060wy.com| www.026369.com-怎么攻破私彩平台| www.210.me-水溶彩铅画花卉图片| www.052110.com-安徽快三组合分布图| www.43sx.com-喝彩的意思-| www.318804.com-南昌体彩兑奖中心| www.410319.com-万达大玩家刷彩票| www.591507.com-极速重庆时时彩官网| www.669562.com-上海彩钢板| www.751008.com-征途彩票平台app| www.273641.com-福建福彩走势图今天| www.365232.cc-甘肃省快三形态走势| www.045886.com-彩83苹果下载| www.53266.cc-天津彩民之家客户端| www.87pj.cc-淘宝招彩票代玩人员| www.53cl.com-福彩公告结果| www.406801.com-七星彩8o8长条局| www.516158.com-领航彩票平台官网| www.592363.com-中国七星彩票规律表| www.673781.com-159竞彩足彩| www.760050.com-福星彩开奖号码| www.863810.com-七星彩彩版互换专区| www.940856.com-彩票网投套利| www.992606.com-复式福彩玩法介绍| www.ga15.com-福利彩票宗旨| www.1942.wang-彩票两元网手机版| www.447122.com-福彩女主持人| www.657021.com-举报黑彩需要什么| www.811137.com-周易测彩票的公式| www.925570.com-金彩网彩富-| www.979706.com-如何开体彩彩票站| www.ey02.com-重庆时时彩助手分析| www.vw52.com-v8彩-| www.18qf.com-彩票大王杨光华书籍| www.83qo.com-彩票中两位数| www.2188.vip-盛大彩票官方网址| www.8222.net-澳门赌彩官方网站| www.17185.cc-体彩退机申请| www.459982.com-彩世界ios下载| www.206362.com-彩票黑平台曝光| www.313358.com-上海体育彩票11| www.04dn.com-大乐透杀号彩乐| www.5770.cn-tt彩票怎么破解| www.8dy.cc-体彩排列五中奖金额| www.070303.com-现在网上怎么买彩票| www.837603.com-滚球对冲竞彩技巧| www.006684.com-体彩店装修内部图| www.485600.cc-彩票合买系统排行榜| www.199396.com-彩票双色球开奖| www.19677.cc-福彩3d坐标走势图| www.835015.com-焕彩来电秀-| www.907886.com-合肥有多少个彩票点| www.976277.com-高价彩礼违法吗| www.cp5686.com-分分快三官网| 天天彩票www.2373o.com| www.my86.com-瑞彩祥云彩票| www.91162.cc-日本好彩香烟图片| www.529344.com-能直播彩票吗| www.616002.com-买彩票哪个好| www.698925.com-儿童学彩铅的好处| www.791483.com-新时时彩网真的假的| www.879961.com-陕西福利彩票店| www.946505.com-福彩61生肖走势图| 梦想彩票站www.43131u.com| www.642813.com-彩汪汪彩票-| www.4vo.com-怎样查询彩票中奖结| www.930090.com-彩票计划应用下载| www.993419.com-足彩入门-| www.cy65.com-江苏快三精准计划| www.071186.com-竞彩分析师求职| www.453909.com-体彩竞彩手机版| www.0543.tv-琓彩人杀码-| www.735784.com-深圳彩票分析师| www.954240.com-彩票助赢官网论坛| www.gp53.com-商丘快三开奖结果| www.w49.cc-天彩粮餐饮-| www.cv45.com-私彩网站有什么漏洞| www.260192.com-十分快三走势图开奖| www.530189.com-巨弘国际时时彩骗局| www.052229.com-深圳福彩中心怎么样| www.496087.com-必中彩票首页| www.35129.com-中彩快三注册网址| www.211696.com-湖北快三必出号码| www.633120.com-竞彩篮球2串1| www.695959.com-合肥福彩在哪| 500彩票www.397836.com| www.6880.loan-下载新濠环彩网| www.993874.com-足彩7串4-| www.js69.cc-凤凰生活彩票合法吗| www.306049.com-彩票app骗局| www.775344.com-吉林快三组合分布图| www.881503.com-高频彩的概率玩法| www.973927.com-幸运五星彩开奖记录| 大赢家彩票平台www.689613.com| www.ox18.com-福彩3d技巧口诀| www.435120.com-双色球开机号彩网| www.237500.com-彩票3d玩法介绍| www.345844.com-大猿口算数福彩| www.506159.com-彩票倍投计划| www.46gg.com-江苏七位数体彩网| www.61569.cc-乐优炫彩苹果app| www.p42.bid-黑彩服务器在国外| www.25pp.com-线上最大彩票大全| www.585727.com-阿理彩票搭建| www.713056.com-4亿彩票下载| www.805287.com-七乐彩奖励有多少| www.953254.com-彩8彩票游戏平台| www.er2.com-快三复式中多少钱| www.5829.wang-亚上彩官网-| www.355079.com-福彩中奖如何领取| www.zt96.com-七彩网彩票代理| www.868808.com-七星彩前4个规律| www.536797.com-发行福利彩票的目的| www.897587.com-体彩足球胜平负查询| www.631080.com-云彩图片-| www.18851.com-福建体彩网22选5| www.698600.com-时时彩刷5星漏洞| www.167627.com-c038彩票vip| www.845618.com-台湾有彩票吗| www.cp535.com-网络时时彩骗局揭秘| www.117173.com-彩票赛车怎么玩法| www.590825.com-徐州彩票奖金排行榜| www.718823.com-江苏快三赔率| www.839897.com-福彩理念公正| www.949645.com-彩78在哪里下载| www.ps3.cc-快三派彩手机走势图| www.165951.com-手机认证送彩金| www.54948.com-下app送18彩金| www.ev84.com-吉林快三助手开奖| www.10jc.com-x23幻彩版耗电快| www.714.mobi-安吉彩票案件| www.0002.live-彩票位数一样的吗| www.224774.com-全民快三能赚钱吗| www.34651.com-迷彩兔影视-| www.3322.com-彩色简笔画大全图片| www.276675.com-菲律宾彩票骗局| www.427950.com-赛马彩票三中三| www.523073.com-63彩票-| www.609042.com-彩票自动投注源码| www.669484.com-新浪竞技足彩排名| www.942640.com-广西福彩网官方首页| www.986440.com-易网彩票网下载| www.tt8.cc-内快三爱彩乐|