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.791479.com-关于京东彩票| www.2583.net-利用数学买彩票| www.21222.com-博盈彩票平台| www.66731.com-离我附近福彩店| www.77712.cc-福利彩票今晚开奖号| www.6419.vip-体育彩票官方版| www.0007.in-那种彩票是8位数字| www.755897.com-苹果7彩膜-| www.3781.in-爱购彩网址可信吗| www.397.website安徽福彩主任| www.28770.com-彩票为什么赢小输大| www.041815.com-易彩2.0手机版| www.282826.com-我买彩票中大奖经历| 环球彩票www.hqcp3.com| www.700520.com-彩辉纺织有限公司| www.35mk.com-2019年七星彩图| www.136694.com-利彩网443978| www.339694.com-彩吧一石击二鸟字谜| www.532580.com-沉迷网上赌彩| www.657426.com-2元彩网-| www.474119.com-无锡福彩中心| www.827163.com-怎么辨别真假彩票站| www.689.net-重庆时时彩对子预测| www.07883.com-足彩比赛直播| www.011457.com-极速时时采彩走势图| www.171129.com-快三开奖结果内蒙| www.351159.com-怎么中500万彩票| www.536139.com-体彩基本走势大全| www.793951.com-公职人员能买彩票么| www.796634.com-众博彩票是骗局吗| www.68246.com-福彩3d领奖流程| www.pq9.com-韩国快三开奖| www.223.cm-灵彩科技-| 亿彩www.6832e.com| www.73912.com-下期体彩七星彩预测| www.348759.com-2019彩票中奖图| www.172305.com-幸运快三投注技巧| www.945873.com-足彩让球胜平负玩法| www.jp52.com-正规购彩平台有哪些| www.29ck.com-彩铅画梅花图片大全| www.22264.com-五分彩开奖网址| www.241148.com-吉林福利彩票快三| www.755303.com-网易彩票社区| www.899527.com-申请网上彩票代理| www.003678.com-千懛禧彩之源彩票| www.588581.com-七星彩网易彩预测| www.900420.com-e乐彩软件下载| www.pz38.com-9彩彩票app-| www.5477.top-彩票计划群倍投方式| www.lr45.com-中彩网是什么真的么| www.zy66.com-上海体彩兑奖| www.cp1668.com-大发快三彩票app| www.012233.com-体彩大乐透停售时间| www.895401.com-广东竞彩快三| www.447339.com-众彩网靠谱不| www.161467.com-头条彩票苹果版| www.x25.org-海南七彩开奖| www.10sg.com-中彩网开奖查询网站| www.7470.org-彩票预测有用吗| www.716955.com-彩铅颜色搭配表| www.299657.com-快三012路秘籍| www.366634.com-彩票查询33期| www.802821.com-福彩藏机诗-| www.018403.com-大家赢彩票网| www.32az.com-竞彩篮球返奖率奇低| www.567763.com-c36官方彩票| www.9534.cn-四个数字啥子彩票| www.86568.cc-周口市福彩中心| www.8139.org-查看一下彩票开奖| www.079652.com-福利彩票几点开| www.2316.biz-福建好彩头公司现状| www.032132.com-精算足彩-| www.416317.com-rb彩虹软冰淇淋机| www.cai2223.com彩票河北快三| www.y58.org-行运彩下载-| www.18rf.com-体彩11选5预测| www.5998.cc-新浪彩票大乐透预测| www.959558.com-幸运分分彩怎么分析| www.894819.com-彩票赚钱软件排行榜| www.qe12.com-36好彩3预测| www.409067.com-最大的双彩论坛| www.jl.com-河北彩票快3怎么买| www.179753.com-江苏快三单双骗局| www.999732.com-天天好彩app| www.163249.com-巨彩网是不是骗局| www.4459.cn-尊彩app地址| www.79849.com-宁夏体彩开奖信息| www.210866.com-吉林新快三走势图| www.651856.com-彩票有多少年了| 500彩票www.50051m.com| www.036023.com-彩票计划导师软件| www.737211.com-更多精彩内容| www.926601.com-优信彩票下载安装| www.568042.com-从手机怎么买体彩| www.89pz.cc-怎么做个博彩| www.8278.com-抚州市彩票销售点| www.521613.com-重庆时时彩5码倍投| www.345620.com-申请福利时时彩| www.277765.com-国内正规彩票平台| www.4722.biz-网上的彩票能挣钱吗| www.jt99.cc-贵州快三奖金| www.5222.me-自助福彩怎么申请| www.006008.cc-体育彩票是真的吗| www.267512.com-彩票10选3技巧| www.5872.biz-廊坊体彩中心电话| www.xl47.com-分分快三作弊器免费| www.1523.wang-彩垔开奖公告| www.i98.mobi-福彩折线图-| www.920580.com-01彩票真的能赚钱| www.06889.com-下载国际福利彩票| www.052258.com-体彩合买平台| www.7hm.com-离婚后中了彩票| www.61904.com-福建体肓彩票| www.879827.com-大发500彩票网| www.582601.com-为买彩票倾家荡产| www.859818.com-福彩七乐彩单式开奖| www.gi36.com-福彩快3官方平台| www.2784.com-体彩购买软件下载| www.95666.cc-福彩工作心得体会| www.1046.net-亿万彩票梦下载| www.637251.com-全国彩票销售额| www.050353.com-极速快三怎样买赚| www.629750.com-彩票76真假-| www.sf24.com-五分时彩计划| www.703490.com-株洲市福彩管理中心| www.72859.com-甘肃中国福利彩票| www.ys14.com-彩票图片可以兑奖吗| www.896655.com-竞彩篮球看盘技巧| www.379678.com-总想中彩票-| www.35579.cc-吉祥彩票是骗局吗| www.272938.com-利民彩票靠谱吗| www.801548.com-彩票机的保单机破解| www.913097.com-大发快三走势分析| www.1015.name-无意中玩上快开彩| www.22126.com-256是黑彩票吗| www.73337.com-乐彩彩票充值骗局| www.663480.com-五彩彩票开奖结果| www.28dr.com-福利彩票注册送| www.7392.org-国民彩票安卓版下载| www.096094.com-众彩网3d专家汇总| www.158416.com-罗马彩票官方网站| www.b72.com-时时彩票菲律宾| www.4736.cn-彩票售票员工作流程| www.662081.com-翼彩宝是什么| www.um47.com-彩票内蒙古快三| www.051003.com-彩票166手机登陆| www.402473.com-彩票双色球幸运奖| www.579313.com-3132彩票-| www.wf68.com-快三历史最大遗漏| www.7532.loan-彩票店开不下去了| www.086016.com-福彩双色球客服电话| www.351880.com-体彩投一注是多少钱| www.090.cm-新利时时彩是哪里的| www.6812.biz-国外彩票大奖新闻| www.98432.com-分分彩有假的| www.584493.com-福彩3d天天彩报二| www.298357.com-彩票历史开奖结果| www.818758.com-三d福彩开奖号码| www.54ko.com-最新的彩票平台程序| www.196463.com-彩票软件哪个好| www.586955.com-南方正彩网-| www.966486.com-数字型彩票代购网站| www.22893.com-七个数字的彩票| www.5096.top-淘彩票客服电话|