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.4826.top-天齐网福彩三d字谜| www.008263.com-乐彩开奖公告| www.129.cm-实体彩店app| www.4234.vip-七彩影官网下载安装| www.8203.vip-云南快三开奖| www.562534.com-彩票777下载中心| www.682804.com-彩霸王数字3专业版| www.822218.com-湖北快三走试图| www.937367.com-932彩票-| www.995931.com-19046期足彩| www.bh77.com-易彩堂是正规的吗| www.b78.loan-体彩福彩图标下载| www.830486.com-手机怎么查彩票| www.917200.com-彩铅画人物图片简单| www.975732.com-河南开封彩礼新规定| www.cp6500.com-快三计划群里的托| www.su39.com-体彩七星彩怎么中奖| www.0257.cc-时时彩组选复式| www.ny81.com-尊彩赚钱可靠吗| www.120757.com-福彩快三奖级表| www.008360.com-泰安体彩中奖新闻| www.068266.com-最新彩票开奖公告| www.lq04.com-旺彩工具箱-| www.443667.com-完美彩票1app| www.666224.com-航空彩虹股-| www.uw19.com-购彩大厅uu直播| www.66zl.com-七星彩奖号码| 亚投彩票www.ya115.com| www.731435.com-福彩快三算赌博| www.19de.com-婚恋网玩彩票的软件| www.1955.wang-福彩机号-| www.2425.me-彩票软件违法| www.7935.cn-天然彩宝批发| www.60600.com-江苏十五选五爱彩乐| www.871006.com-三国杀星彩-| www.937697.com-云彩厅-| www.997040.com-彩迷彩票-| www.gd36.com-高频彩票漏洞| www.zt38.com-体育彩票奖金规则| www.276956.com-福彩动物总动员规律| www.287899.com-彩票平台大厅合买| www.s95.org-双色球摘彩网千牛网| www.613918.com-彩108彩票下载| www.982150.com-双色球新浪彩票| www.32vz.com-极速三分彩软件| www.438051.com-竞彩猫是什么意思| www.621504.com-福彩快乐10分攻略| www.737852.com-欢乐彩票官网下载| www.818784.com-菏泽福彩中心在哪里| www.900057.cc-盈彩网客户端下载| www.965745.com-彩神app网站登录| www.cai0833.com福彩快三下载| www.ts77.com-彩之家v2.3.1| www.36dq.com-七星彩新图纸| www.710.tv-怎么买篮球彩票| www.334488.com-万达彩票娱乐| www.88nj.com-纯彩票平台能出黑吗| www.26007.com-彩票刷流水怎么刷| www.700457.com-正投彩票大发快三| www.82un.com-和彩印取消-| www.335773.com-海南私彩三字现| www.506178.com-台湾时时彩官网开奖| www.620680.com-彩色水磨石花样地面| www.dp.cc-500彩票送彩金| www.189932.com-快三平台正规| www.269673.com-下载七天彩-| www.mn23.com-幸运彩票害死人| www.244787.com-宁夏福彩快3下载| www.599277.com-买彩票怎么样买| www.349561.com-网上买彩票欠债| www.og37.com-一定牛彩票安徽快3| www.x15.com-学生玩彩票输了几千| www.331609.com-福彩有大发快三吗| www.815399.com-视频型彩票是什么| www.984042.com-今日老猫看彩| www.31mb.com-预测港彩生肖及方法| 博乐彩票www.35918s.com| www.854853.com-极速快三游戏规则| www.948020.com-福彩公益金-| www.cd55.cc-有没有快三赚钱的| www.12bd.com-快三的速查表| www.0173.top-重庆时彩千万别倍投| www.139484.com-牡丹海棠与彩玉海棠| www.11vs.com-七乐彩大小比走势图| www.070.biz-彩票虚拟账号| www.4752.vip-开心8彩票登录| www.189554.com-宁夏快三派奖| www.482815.com-彩票号要几位数| www.592422.com-7彩应用商店下载| www.688728.com-快三单双大小分析| www.790495.com-福彩3d赵公明推荐| www.886274.com-彩铅画小清新超简单| 天天彩票www.106216.com| www.273280.com-福彩是几位数| www.33614.com-新手玩彩票玩那种好| www.an00.com-福彩端下载安装| www.159654.com-安微福彩快三走势图| www.761490.com-搜神传好彩妹和天尊| www.7380.cn-懂球帝彩票在哪买| www.57496.com-快购彩票下载软件| www.53vg.com-体彩手机在线刮刮乐| www.097399.com-今日福彩3d开机号| www.164521.com-福彩快三那一年开始| www.251215.com-台湾彩券app| www.378876.com-7星体彩预期号| www.958106.com-生日号买彩票| 福利彩票www.78700l.com| www.552197.com-火的体育彩票| www.307792.com-凤凰彩票时时彩| www.381052.com-彩票拖胆-| www.484823.com-新彩华章怎么样| www.563854.com-3d福彩图谜第二版| www.636236.com-彩虹机使用方法| www.986140.com-11选5线上购彩| www.ex23.com-爱快3彩票网| www.ti09.com-快三是不是正规彩票| www.09hy.com-亿博彩票app下载| www.77hp.cc-r8国际彩票app| www.0660.cc-香港快乐5分彩计划| www.7639.biz-济南福彩抽汽车| www.20368.com-连中彩彩票网| www.61195.cc-彩17官网-| www.009212.com-彩票主任领奖被拆穿| www.td90.com-手机快彩平台官网| www.57es.com-七彩快三-| www.950877.com-香港5分彩有计划吗| www.21ej.com-沈阳体育彩票中心| www.4577.cm-易彩堂登陆-| www.70xm.com-云南彩易达-| www.834342.com-好彩蓝莓爆珠焦油| www.4467.cc-彩虹六号的高手视频| www.20099.com-摇彩票机器图片| www.68564.com-彩票排列三字谜图谜| www.005681.com-时时彩是不是诈骗的| www.sv98.cc-体彩七星彩的玩法| www.34ie.com-彩吧图库蓝精灵| www.690391.com-福彩排列五开将结果| www.mf69.com-好彩投彩票-| www.4683.vip-高盛彩票网-| www.252834.com-天天快三骗局| www.965055.com-彩七七下载-| www.017431.com-易旺彩票快3| www.127486.com-老师带你玩彩票| www.733825.com-3d杀和尾凤彩网| www.878446.com-国彩彩票app下载| www.973231.com-彩虹宝宝歌曲| www.ig78.com-微信快乐彩-| www.1521.top-呼和浩特体彩中心| www.20833.com-彩票公式的视频| www.151130.cc-49彩票平台登陆| www.722014.com-足彩大乐透玩法介绍| www.2565.xyz-电信彩铃官网| www.9308.cm-福彩3d擂台大赛| www.45fp.com-上海竞彩店招人| www.1055.cc-凤凰乐彩网-| www.66156.com-福彩幸运号码| www.049806.com-牛彩论坛首页| www.137972.com-东升彩票平台网址| www.175403.com-福建快三预测推荐| www.676342.com-明天彩票号是多少| www.u47.com-彩票屠龙解说| www.44kh.com-福彩胆拖投注详解| www.826834.com-富豪城彩票-| www.882707.com-河南彩礼排行榜|