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.xt04.com-收购中奖彩票送礼| www.9094.cm-七乐彩查询器| www.271201.com-彩店二维码-| www.ez72.cc-快三开挂作弊器软件| www.377122.com-足球彩票19047| www.23zi.com-彩绘-| www.196502.com-甘肃体彩排三查淘| www.323491.com-福彩直播开奖结果| www.477407.com-彩神通vip-| www.593216.com-七彩阳光镜面完整| www.684810.com-赌时时彩软件| www.0632.bid-快2彩票走势图| www.745575.com-好彩快三计划| www.888489.com-彩票对刷教程| www.987913.com-网络彩票能追回吗| www.bb03.com-江西快三投注网站| www.634276.com-仲博彩票是骗局吗| www.983146.com-新盈彩官方网站| www.il4.com-內蒙快三-| www.27197.com-88爱彩是真的吗| www.010729.com-福利彩票账号登录| www.086013.com-凤凰彩票vlll| www.198584.com-快三下期预测号码| www.1228.pw-彩计划app靠谱吗| www.5217.me-荷兰五分彩开奖号| www.566402.com-快乐彩票的官网| www.222562.com-云顶彩票送45| www.569773.com-鸿运彩票取款被黑| www.691131.com-app买足彩-| www.781479.com-海南七星彩直播开奖| www.0300.com-福彩机器能过户吗| www.76od.com-体彩购买截止时间| www.599665.com-每天买一注彩票| www.337546.com-彩吧今天试机号| www.500051.cc-高频彩有人操盘吗| www.34412.com-大众彩票网pk10| www.028271.com-工地彩钢围挡价格| www.1009.net-周一彩票-| www.01538.com-糖果派对怎么拉彩金| www.5509.com-9b彩票官网-| www.7968.club-彩票天齐网字谜| www.366191.com-3g彩票专家-| www.512354.com-彩38登录官网| www.815414.com-昨日体彩中奖号码| www.950884.com-5分时时彩计划软件| www.cai578.com-福建快三预测| www.896505.com-博彩小白如何做推广| www.fu14.com-谁有彩票微信合买群| www.08es.com-体彩6十l兑奖规则| www.98128.com-上海快三跨度开奖控| www.318646.com-江西乐彩快三查询| www.663797.com-邮政福彩306定投| www.574567.cc-福彩3d复式价格表| www.673219.com-今天体彩的开奖号| www.5253.pw-中国竟猜足彩计算器| www.134835.com-1号彩票安卓版下载| www.836234.com-九龙中彩老板包料| www.722777.cc-富彩网彩票app| www.802872.com-彩票查寻结果| www.872521.com-四川福彩网官方网站| www.940022.com-最新彩票预测| www.987908.com-大赢家幸运快三| www.bj30.com-北京快三下载| www.yf37.com-好彩app下载| www.21uf.com-梦到买彩票号码| www.833201.com-成功彩票是真的假的| www.13080.com-竞彩网篮球-| www.656320.com-2018彩票大奖| www.690181.com-福彩三d历史试机号| www.89578.com-新利18快乐彩骗局| www.3568.biz-新用户送38彩金| www.655022.com-熊猫看局七星彩| www.0392.link-迪士尼彩乐园3| www.77050.com-竞彩足球专家分析| www.922780.com-福彩能过户吗| www.1773.cc-爱中彩票app苹果| www.204677.com-江西快三投注网站| www.40714.com-中彩江苏快三| www.187323.com-时时彩作弊开挂| www.118930.com-玩快三输钱-| www.444876.cc-ai彩虹-| www.qb.cc-北京快三和值表| www.268937.com-彩经网3d杀号定胆| www.219823.com-广西快三技巧必赢| www.533306.com-谁发现了彩票的规律| www.770653.com-福彩排列五走趁图| www.50ja.com-狗万足彩-| www.2488.bid-体育彩票虚拟e球彩| www.695365.com-足彩6场3关-| www.147003.com-玩时时彩龙虎输惨了| www.sv95.com-五鬼运财符买彩票| www.178489.cc-福利彩票3d走势图| www.291610.com-快三和值奖金表图| www.388479.com-支付宝还能买彩票吗| www.32663.cc-500彩票大发| www.073780.com-北京新快三查询| www.197771.com-新加坡快三开奖助手| www.351561.com-买彩票能挣多少钱| www.qs30.com-甘肃省福彩中心地址| www.282221.com-主播彩票-| www.633878.com-彩票助赢计划最准群| www.821709.com-珠海恒彩酒店| www.621486.com-凤彩网三d藏机图| www.759603.com-下载时时彩计划| www.861252.com-快三012路运用| www.955419.com-专业彩票改单| www.ez4.com-河北快三技巧规律| www.617153.com-跑狗玄机牛蛙彩票| www.680723.com-中彩在线贺文哪里人| www.759627.com-哪里买幸运赛车彩票| www.831180.com-三月足彩赛程| www.893053.com-超级彩票下载手机版| www.959483.com-新盈彩官网-| 500彩票www.52072j.com| www.557219.com-360能买彩票吗| www.265002.com-江苏快三统计图表| www.480292.com-竞彩之家程序| www.637276.com-彩虹七无人机视频| www.827980.com-如何举报彩票app| www.928992.com-众盈彩票真能挣钱吗| 500彩票www.361477.com| www.657481.com-聚福彩票网登录| www.704903.com-彩票app送30| www.911937.com-高频彩票随机数| www.yt23.com-彩票选号口诀| www.620042.com-美国强力球官网彩票| www.263670.com-999博彩白菜| www.vd00.com-河南快三开奖时间| www.3709.com-e77乐彩会员线路| www.097135.com-体育彩票公益金项目| www.525162.com-圣地彩官网app| www.88610.com-九彩彩票登陆| www.336772.com-福彩3d字迷图| www.537505.com-有无彩色系-| www.89635.com-广州彩色复印机| www.750598.com-中彩在线提现提不出| www.924920.com-好彩爆珠多少钱一包| www.cai9777.com河北快三统计图表| www.7303.vip-彩打一动物-| www.723627.com-彩票中奖上亿是假的| www.687902.com-陕西体彩app| www.661923.cc-竞彩串关中奖分析| www.846196.com-福彩群英会计划软件| www.pl62.com-彩色混凝土地面| www.452954.com-彩吧三d图谜第五版| www.588838.com-七星彩直播网| www.572668.com-彩票乐娱平台| www.339462.com-福彩3d稳赚钱技巧| www.047980.com-中福彩官网首页| www.905766.com-足彩14场比分直播| www.34756.com-新彩吧图库多彩网| www.639330.com-七星彩今天开奖直播| www.967520.com-彩票取款卡在第三方| www.025950.com-3号彩票网-| www.608484.com-快三组合图案分析| www.ti.cc-体彩游泳夺金| www.g97.club-彩票精准预测app| www.ws77.com-快三表格数据分析| www.80tv.com-外围和国彩的区别| www.58573.cc-93678时时彩| www.602004.com-香港快乐十分彩| www.046547.com-天天开奖的彩票下载| www.199248.com-一分快三是官方彩吗| www.282228.com-中国彩票直播|