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天

知道了
58福彩 www.12dp.com-腾讯天天爱彩票| www.ih72.com-福彩3d8的和值| www.113443.com-可以购彩票软件| www.06419.com-双彩球应用-| www.ow04.com-体彩跨度-| www.96su.com-玩彩网提现-| www.9976.online百度彩票开蒋| www.870176.com-福彩30万是真是假| www.75171.com-福彩形式-| www.126284.com-第一彩票下载| www.250628.com-中彩彩票无法提现| www.450560.com-七星彩怎么做代理商| www.182508.com-京东彩票玩快三| www.572322.com-传统足彩258网| www.692126.com-高频彩计划在线| www.796187.com-体彩福彩哪个挣钱多| www.899699.cc-彩83是正规平台吗| www.967347.com-微信彩票群交流群| 99彩票www.858776.com| www.603042.com-时彩平台招人要求| www.768852.com-好彩网可靠吗| www.940400.com-360彩票网走势图| www.839198.com-70彩票网官网首页| www.ew03.com-手机中彩网wap| www.72gv.com-今天足球竞彩| www.27155.cc-彩票2元专业版下载| www.91161.com-好彩香烟紫色| www.054355.com-福建省福彩兑奖流程| www.215900.com-百宝彩官网-| www.705.tv-足球彩票app| www.512108.com-简单儿童彩铅画图片| www.185038.com-官彩诈骗-| www.110891.com-强力球彩票官网| www.07em.com-彩铅梦幻妆小样图| www.353743.com-凤凰网3官网彩票| www.35604.com-yy彩票开户-| www.88359.com-叫销售彩票代买彩票| www.797134.cc-竞彩倍投计划表图| www.882615.com-基诺彩票怎么中| www.982412.com-鸿辰国际超级福彩| www.bw73.com-福彩快3跨度玩法| www.7014.me-加拿大三分彩玩法| www.69550.cc-34彩-| www.551303.com-网易福利彩票| www.198251.com-福彩10选5玩法| www.285234.com-天津体彩网-| www.364765.com-网络中彩虹什么意思| www.126766.com-8k彩票邀请码| www.201050.com-体彩七星彩兑奖方法| www.281665.com-五分时时彩真假| www.712437.com-娶媳妇彩礼-| www.4zv.cc-彩民故事网-| www.208391.com-广西福彩短信投注| www.673298.com-彩票这期开什么号码| www.862887.com-彩票七乐彩开奖查询| www.wh04.com-肝素逸彩-| www.036652.com-11选五购彩app| www.187666.com-河北快三技巧规律| www.535.red-和彩印怎么设置图片| www.044489.com-福彩3d网上怎么买| www.954553.com-多赢彩票网址| www.234280.com-体彩害我-| www.654751.com-最近七星彩图规| www.308281.com-福利彩票投注站缴费| www.69026.com-尊彩彩票官网| www.548621.com-七星彩大公鸡| www.636779.com-儿歌彩虹桥-| www.761428.com-好彩妹什么意思| www.2410.cc-广西快乐十分彩票网| www.9347.cc-湖北快三介绍| www.66978.com-百宝彩票青海快3| www.5204.pw-在哪找彩友多店铺| www.007497.com-今日彩票开奖结果了| www.113594.com-彩经网免费预测| www.828761.com-神秘彩票app| www.911433.cc-公益福彩图片| www.974021.com-众彩网双色球名家| www.154218.com-竟彩资讯-| www.236524.com-彩票规律分析| www.324280.com-乐彩网提现安全吗| www.983497.com-绵阳福彩机中心| www.112966.com-什么人会中彩票| www.97975.com-时时彩哪个软件好| www.05345.com-金店会回收彩金吗| www.485979.com-竞彩篮球胜分差教程| www.315797.com-彩虹5无人机首飞| www.230944.com-百胜快三彩票骗局| www.379211.com-招聘篮球竞彩分析师| www.503151.com-吉米换彩票-| www.575116.com-246免费彩票| www.638217.com-什么网络能买竞彩| www.31817.com-快3中彩网大数据| www.391563.com-深圳易迅网上购彩票| www.526151.com-篮球彩票怎么看| www.599376.com-胜负彩机选中奖几率| www.678262.com-特彩把旧原版| www.771478.com-快三组三的技巧| www.863353.com-19029体彩-| www.eo33.com-快三走势图河北昨天| www.91966.com-顺丰丰彩怎么玩法| www.380850.com-杨光华足彩-| www.660748.com-爱玩彩票网-| www.793028.com-河南安阳福彩5亿| www.873153.com-彩彩票导航-| 千禧彩票www.528qx.com| www.9296.cc-乐彩客彩票安全吗| www.121704.com-福彩官员1360亿| www.221811.com-快3彩票开挂软件| www.372531.com-无彩色系没有| www.507908.com-福彩怎么申请| www.607566.com-鬼六神算牛彩网一| www.680280.com-什么是彩铃-| www.767366.com-福彩3d天中网| www.92677.cc-立彩邀请码-| www.040568.com-捡了一注彩票中奖了| www.116208.com-买了彩票不会看咋办| www.742062.com-苹果版天天中彩票| www.805696.com-福利彩票几种类型| www.936613.com-中国福彩自助彩票机| 大赢家彩票网www.178571.com| www.871735.com-利彩是什么-| www.97zh.com-玩黑彩犯法不| www.248051.com-大发快三有人赢钱吗| www.401855.com-7月30七星彩| www.466440.com-美国45秒彩平台| www.831801.com-红快三和新快三| www.920584.com-快三提高中奖率| www.976680.com-江油彩礼一般多少| www.ea8.cc-高频彩票十赌十输| www.qg32.com-8亿彩下载安装| www.11dx.com-怎样看走势图买彩票| www.ec.cc-网络福彩快三| www.153455.com-时时彩选胆诀窍| www.148677.com-体彩25选五走势图| www.970348.com-ag彩票骗局-| www.224465.com-江苏快三稳赢版| www.571886.com-腾讯分分彩中奖结果| www.697185.com-福彩彩业公司| www.772168.com-时时彩组六倍投经验| www.mf66.com-恒大彩票提不了钱| www.83bq.com-彩印中级包有什么用| www.00178.cc-彩钢板围挡的价格| www.682028.com-体彩助手扫码出票| www.779978.com-瑞祥彩云苹果下载| www.868932.com-猜冠军彩票真的假的| www.926507.com-兼职瑞彩祥云可以吗| www.986751.com-竞彩篮球及时比分| www.wp73.com-彩票2元走势图大全| www.50535.com-快三一分钟书籍| www.11qg.com-彩567-| www.798.cx-七乐彩推荐专家预则| www.6475.xyz-天天彩票主页| www.09920.com-天天彩票助手官网| www.63149.com-福彩专家预测推荐号| www.133414.com-天天中彩和赢彩彩票| www.251568.com-一号彩票登录| www.334880.com-北京体彩排五预测| www.391946.com-天喜彩票-| www.dq36.com-福利彩票预测网| www.2642.cn-糖果彩平台-| www.400368.com-快乐五分彩怎么玩| www.668726.com-欢乐彩票猫腻| www.853328.com-168彩票怎么样| www.743996.com-下载7星彩例表|