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.143.pw-彩虹的别名怎么叫| www.543323.com-彩票趋势分析软件| www.636038.com-500万彩票客服| www.711350.com-足彩分析师简介| www.790711.com-软好彩烟-| www.867057.com-v8时时彩平台官网| www.934594.com-天天赢彩票登录| www.988225.com-掌中彩下载-| www.th5.cc-安徽快三计划软件| 辉煌彩票www.6fa500.com| www.828528.com-正版彩票免费大全| www.944428.com-大联盟彩票是真的吗| www.995075.com-惠彩网站-| www.wj1.com-看一下彩票开奖结果| www.vk51.com-快三平台系统搭建| www.28yx.com-福彩3d魔图定胆图| www.95xm.com-体彩玩法一胜一负| www.3474.cn-福利彩票走势图分析| www.211753.com-福彩6选3怎么玩| www.557446.com-高频彩有哪些| www.535058.com-福利彩票机器出租| www.675050.com-乐游啦彩票-| www.532692.com-天悦体彩下载软件| www.671080.com-彩宝贝排三定3跨度| www.q21.net-快三助手安全吗| www.191.in-彩民村一心水之家| www.7507.com-这个体育彩票| www.506629.com-中国竟彩网app| www.66634.cc-福彩数字三开奖号码| www.031121.com-铭发彩票是真的吗| www.47166.com-南粵风彩好彩3| 爱购彩票www.355242.com| www.017953.com-彩投彩票app| www.463331.com-福彩3d走彩吧助手| www.566869.com-小鸡彩虹-| www.666086.com-下载福彩摇一摇| www.755570.com-查湖南体彩网| www.860428.com-广西移动手机福彩| www.933907.com-七星彩助手-| 彩票500万www.630675.com| www.749338.com-七彩网彩票下载| www.858491.com-即时开彩app| www.968794.com-乐彩会员-| www.b19.biz-福彩、体彩开奖公告| www.940772.com-凤凰彩票在线计划| www.046967.com-中国福建福彩网官方| www.657937.com-点点中彩票怎么样| www.632342.com-彩天下恒泰-| www.196466.com-福建体彩开奖结果| www.028907.com-亿彩堂app下载| www.83vz.com-即开彩票种类| www.957466.com-北京体彩兑奖地点| www.kf0.com-p3蓝琪儿体彩断组| www.vb05.com-林竹福彩高手一码| www.735520.com-3d彩票中奖概率| www.103198.com-七彩乐开奖号码| www.633188.com-nba竞彩规则| www.819258.com-中国职业彩票玩家| www.110942.com-武汉福利彩票在哪里| www.210422.com-福利彩平台是真的吗| www.356445.com-体彩足彩兑奖规则| www.014272.com-彩票平台系统出租| www.948891.com-百度乐彩网站| 8号彩票www.81520n.com| www.js40.cc-彩票大小单双打法| www.d04.com-彩票开奖结-| www.34hk.com-多乐彩票下载安装| www.246076.com-全民中彩票-| www.wl96.com-中福彩票网址是多少| www.0618.com-福利彩票怎么线上买| www.7118.biz-萝莉炸金花彩票规律| www.982028.com-内蒙古快三和跨走势| www.54jr.com-贵州彩民-| www.27867.cc-今日快三21期开奖| www.410582.com-梦见死人翻生七星彩| www.537389.com-彩9彩票邀请码| www.6111.net-新2彩票论坛一肖| www.ly96.com-大发时时彩中奖规则| www.6068.cm-足彩胜负14场推荐| www.5025.pw-好运彩彩票苹果版| www.659224.com-福利彩和体育彩| www.816090.com-四川快乐i2爱彩乐| www.931096.com-上海快三骗人吗| www.991245.com-快三多少天有效期| www.jo93.com-福州快三查询| www.81xg.com-思派彩票机-| www.544178.com-古彩颜料-| www.725308.com-体彩是赌博么| www.59fj.com-彩票店运营管理| www.077157.com-山东体彩11夺金| www.269299.com-南方彩票骗局| www.635738.com-皇冠比分网彩票| www.602170.com-美即彩宝官网| www.le09.com-2019年网络购彩| www.y86.org-福利彩3d字谜总汇| www.82ci.com-时时彩倍投什么意思| www.5585.pw-套彩什么意思| www.627971.com-快3开门彩-| www.787155.com-六会彩彩先知| www.002654.cc-十分钟开奖中国快三| www.555658.com-彩票代玩是怎么玩的| www.11838.com-乐米彩票正规吗| www.26eg.com-分分彩定位胆经验| www.490520.com-体彩店邀请码| www.598589.com-七星彩号码开奖结果| www.452077.com-333彩网资料大全| www.550840.com-可以网上买彩票吗| www.670525.com-新浪彩票查询| www.750660.com-众兴彩票-| www.815289.com-福彩排列7怎么买| www.933390.com-快三56注号码| 500万彩票www.07500w.com| www.hz6.com-快三顺龙技巧| www.554407.com-个性体彩彩票宣传语| www.653560.com-今天澳门彩票| www.cp00.com-湖北快三精彩十分| www.wq40.com-好彩票网站-| www.120150.com-即开型彩票中奖规律| www.89634.com-广州彩色打印机租赁| www.zf02.com-乐彩333-| www.302297.com-彩票开奖一定牛| www.528757.com-体育彩票复式怎么买| www.29077.com-大发彩票计划网| www.92979.cc-彩六平台靠谱么| www.974312.com-福彩三d开奖号预测| www.rd8.com-福彩快乐10分钟| www.8800.cm-中彩网开奖结果记录| www.279523.com-腾讯1分彩官网| www.373795.com-智彩彩票-| www.678262.com-特彩把旧原版| www.993540.com-今日竞猜足彩推荐| www.fe88.com-福彩3d是什么| www.983795.com-爱玩彩app-| www.852232.com-百彩网免费料一| www.486666.cc-陕西福彩官网首页| www.cl09.com-百度北京快三开奖| www.834913.com-炫彩油画联盟骗局| www.909395.com-彩票规律研究软件| www.979086.com-快三黑客软件下载| www.ax5.com-快三吉林市-| www.qu26.com-私彩案件-| 天下彩www.946689.com| www.189647.com-快三河南走势回| www.963479.com-足球彩票胜负彩预测| www.cp9011.com-234彩票app-| www.725640.com-福利彩票中奖规则| www.216305.com-彩票玩法兑奖规则| www.024094.com-男主中彩票的小说| www.069089.com-彩神真的假的| www.132283.com-彩票介绍-| www.715361.com-彩预测计划app| www.299396.com-快3骰子彩票在哪| www.655433.com-七星彩三字现玩法| www.436644.com-好彩频道在哪直播| www.974607.com-彩店助手-| www.543300.com-彩票趋势-| www.718602.com-看见彩虹预示着什么| www.121233.com-新西兰45秒彩| www.963619.com-手机买彩票赚钱| www.001358.com-极速快三辅助| www.105740.com-ssc彩下载-| www.169142.com-河北福彩快三| www.266854.com-体彩开奖结果走势图| www.356428.com-公司赠彩票中奖|