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.283113.com-体彩七星彩的玩法| www.59385.com-体彩排列3彩吧论坛| www.058733.com-彩神全能计划软件| www.815776.com-室内体育博彩业| www.307638.com-快三和值大单的组合| www.418328.com-中博彩票破解| www.546323.com-消彩豆安卓版下载| www.654938.com-网络正规彩票平台| www.744199.com-福彩双色球案件| www.820424.com-足彩14场难中吗| www.9566.loan-体彩排三大彩网| www.915.red-破解彩票黑客犯法吗| www.306785.com-网络多家彩票停售| www.123390.com-乐彩论谈-| www.89976.cc-彩78计划app| www.070880.com-688彩票网-| www.370997.com-彩票代购交易平台| www.552683.com-买七乐彩票开奖结果| www.52351.cc-粤淘彩票登录| www.108756.com-足彩任九投注技巧| www.301881.com-5分快三怎么看走势| www.019134.com-江苏利彩开奖结果| www.028898.com-彩神网可靠吗| www.999586.com-福彩3d八卦图| www.05bt.com-七星彩参考码| www.1140.cn-竞彩足球怎么算| www.738900.com-8亿彩票交流群| www.055467.com-极速快三500| www.288302.com-彩票九宫图怎么用| www.cp3619.com-快三二不同15个号| www.691531.com-76c彩票-| www.331475.com-天天竞彩下载| www.544160.com-彩吧迷图第一版| www.660920.com-陕西彩票安康| www.809231.com-必慱彩票跑那去了| www.975953.com-湖南结婚彩礼一览表| www.du28.com-贵阳福彩兑奖中心| www.22xu.com-三分时时彩中大奖| www.963659.com-抖音彩虹是什么意思| www.ku11.cc-福彩3d丹东全图| www.474250.com-金誉彩票手机版| www.575769.com-v8彩票平台可靠吗| www.201878.com-彩票投注计算器| www.051761.com-彩八彩票官网下载| www.166739.com-快三官网平台| www.725643.com-彩票被洗了还能兑奖| www.922981.com-白小姐特马信封彩图| www.989558.com-福彩三d于海滨视频| www.ci90.com-快三第一门户app| www.832211.com-体彩七星彩摇奖视频| www.940015.com-吉林快三盘系统| www.996400.com-新粤彩报纸-| www.xg5.com-内蒙古快三平台| www.tj89.com-彩票交流群号码| www.078852.com-7星彩中奖计算器| www.738511.com-快3中国彩票| www.617984.com-体彩中心张弛籍贯| www.771993.com-东方彩app-| www.188764.com-新内蒙古快三查询| www.703298.com-中国福彩利票| www.806969.com-7号彩票安全吗| www.917115.com-彩铅画风景画| www.01693.com-旺旺彩票正规吗| www.242501.com-好的彩票网址| www.385653.com-大发快三专业带回血| www.393608.com-彩铅画画简单图片| www.625470.com-彩票视频开奖直播| www.848125.com-818彩票官网| www.ag17.cc-河南彩快3开奖结果| www.19hy.com-彩票书图片-| www.994392.com-天天购彩票网站大全| www.380969.com-七乐彩一周开几次奖| www.995897.com-广东竞彩app下载| www.974497.com-3d牛彩图迷总汇图| www.990274.com-福建体彩购买app| www.081919.com-在线彩票计算器| www.077180.com-青海快三网上投注| www.217901.com-易彩手机app| www.358427.com-彩票自动跟单软件| www.564856.com-非凡彩票3d预测| www.580356.com-云南福彩弃奖| www.706279.com-为什么玩私彩赢不了| www.777315.com-福彩自助机-| www.848825.com-皇家彩下载安装| www.908226.com-快乐彩票手机app| www.967960.com-时时彩的qq交流群| www.nx74.com-足彩任九-| www.9wn.com-新粤彩玄机图| www.754955.com-天津体育彩票走势图| www.869833.com-彩票开奖视频道| www.hn96.com-快三三同号遗漏查询| www.g82.club-中国彩宝-| www.068912.com-湖北福彩快3下载| www.080268.com-乐彩彩票下载| www.0840.net-足彩十四场购买技巧| www.235200.cc-中国福利彩票网下载| www.660384.com-ai彩重量级-| www.775133.com-k彩彩民福路线测试| www.851178.com-时时彩推广技巧| www.925116.com-足球彩票预测大师| www.68318.cc-重庆老寸时彩走势图| www.579394.com-网上打彩票是骗局吗| www.03qe.com-天空彩票开奖日期| www.76wg.com-全国联网非凡彩票网| www.444376.com-831彩票app-| www.596155.com-彩博士最新开奖结果| www.951746.com-竞彩中奖查询| www.671686.com-cb88彩宝-| www.802340.com-新快三和值最大遗漏| www.906257.com-彩色的鸟-| 易彩网www.12455s.com| www.556062.com-关于彩票书籍| www.801862.com-福利彩票双色球复式| www.947375.com-彩报图·库-| www.aj85.com-开什么奖了七星彩| www.84447.cc-彩钢板规格表| www.14422.com-体彩虚拟足球开奖| www.576151.com-牛蛙彩导航-| www.799579.com-舟山福彩快二| www.933204.com-赢发彩票极速快3| www.cai4255.com快三口诀对应号| www.47890.com-河南体育彩票玩法| www.755228.com-刮刮乐中彩网| www.978541.com-福彩3d实战彩票网| www.al77.com-乐佳商城彩票端| www.247852.com-彩票快3群-| www.cai5633.com河北福彩三地走势图| www.232900.com-好彩网是诈骗网站吗| www.306718.com-哪些彩票平台好| www.406028.com-体育彩票怎么计算的| www.66559.com-上一期福彩中奖号码| www.100164.com-乐彩客彩票网页版| www.176036.com-福彩快三骗局解密| www.703970.com-彩票狂-| www.cp3888.cc-搜索湖北福彩快3| www.ug34.com-十大私彩平台名字| www.43262.com-大豪门彩票-| www.632722.com-大星福利彩票走势图| www.38132.cc-鸿运福彩是真的假的| www.7025.vip-竞彩篮球怎么玩| www.26769.com-私彩七星彩稳赚技巧| www.73693.cc-关于湖北快三的文章| www.073135.com-好彩烟价格表| www.64715.com-上海快三雄鹿计划| www.634356.com-彩八彩票官方网站| www.95mz.com-多彩投众筹项目爆雷| www.777871.com-幸运彩票网真的吗| www.848826.com-竟彩唯胜素-| www.903737.com-体彩金码试机号| www.961289.com-竟彩网计算器胜平负| 亚投彩票www.ya160.com| www.688765.com-105彩票手机版| www.515512.com-什么网站买七星彩| www.012248.com-昨天福利彩票开几号| www.529631.com-东方彩票官方下载| www.551217.com-苏州竞猜快三查询| www.616078.com-全国即开彩收藏| www.679051.com-福彩跨度中彩网| www.778160.com-彩乐园ii-| www.866146.com-5年信誉彩票| www.954536.com-90年代彩票大奖| www.989229.com-彩票中奖后去哪缴税| www.kp0.cc-时时彩后三计划全天| www.683495.com-义乌市彩票店转让|