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.197422.com-甘肃快三期预测号码| www.43179.com-七星彩3个头3个尾| www.113594.com-彩经网免费预测| www.269617.com-彩168-| www.088408.com-金利彩票是否合法| www.511445.com-彩虹的别名怎么叫| www.66693.cc-丨中国彩吧-| www.265132.com-安徽快三遗漏统计| www.te87.com-生病彩票-| www.622073.com-贵烟多彩多少钱一盒| www.108249.com-速盈彩票平台怎么样| www.254491.com-爱乐彩票合法吗| www.2ww.com-完美彩票i-| www.05093.com-出款快的彩票app| www.90392.com-c77彩票官网| 天下彩www.460689.com| www.672121.com-旧版全民彩票| www.775087.com-快三现在哪还能买| www.873491.com-在线购彩票-| www.cai3000.com快三是个什么东西| www.qd74.com-093彩票官方| www.022946.com-幸运怎么提现彩票| www.963946.com-500彩票百科| www.381771.com-肥城体彩三亿大奖| www.489.xyz-福星彩票网-| www.8215.biz-玖富彩票江西快三| www.557560.com-神灯彩票登录| www.741411.com-竞彩分直播500| www.875196.com-彩票亿元大奖故事| www.bk24.com-下载神州行彩票网站| www.27vt.com-英国幸运5星彩下载| www.766852.com-福彩4d选4玩法| www.941785.com-各省体彩店佣金| E彩堂www.9818c.cc| www.070011.com-彩神争霸新版本下载| www.dn45.cc-中彩票要交多少税| www.870015.com-河北快三今天41期| www.574062.com-今期跑狗彩图片| www.836494.com-微易彩赚钱真的吗| www.929806.com-1980彩票app| www.qx5.cc-全天快三精准计划网| www.fm61.com-福彩跨度-| www.472275.com-时时彩推波方案| www.606832.com-属羊买彩票那些数字| www.859621.com-竞彩提前多久封盘| www.591594.com-彩票做号工具| www.670044.com-买彩票一般花多少钱| www.777235.com-在线购彩app| www.852651.com-北京福彩28-| www.929577.com-体彩19034-| www.995704.com-足彩能买单场吗| www.on62.com-七乐彩奖励-| www.17ut.com-七乐彩出了什么好| www.97ay.com-梦想彩票软件| www.6972.wang-500彩票快三稳赚| www.26312.cc-彩吧是什么意思| www.77621.cc-0500彩票零售版| www.208899.cc-广西快三走势带连线| www.494990.com-怎么做个博彩| www.238283.com-发彩平台网址| www.33820.com-彩票分析招聘| www.015965.com-爱尔兰彩票开奖结果| www.450372.com-彩票数字规律本期| www.327917.com-立彩彩票三期| www.96316.cc-我国体育彩票最早| www.237387.com-中国体育彩足彩开票| www.313912.com-我要查体育彩票开奖| www.129.me-迷上网络彩票赌博案| www.128611.com-福彩3d宗合走试图| www.221142.com-什么彩票软件靠谱| www.303068.com-幸福彩票app| www.015641.com-七星彩兑奖图| www.090628.com-彩票代理刷流水会员| www.3767.xyz-篮球竞彩比分直墦| www.14443.com-彩界过客胆组推荐| www.1854.biz-彩润发彩票论坛| www.183467.com-河北快三开走势图| www.8203.top-体彩排列三前后关系| www.43051.com-七星彩专家杀号| www.802421.com-体彩排三三字诀| www.937166.com-哪个彩票中奖率最高| 500彩票网www.897060.com| www.393869.com-今晚彩票开什么号| www.088951.com-吉林快三现金盘| www.571672.com-中中彩之家-| www.639216.com-彩虹什么时候出现| www.726619.com-分分彩后一万能码| www.771106.com-乐彩彩票下载app| www.857000.com-制作彩票中奖截图| www.981884.com-体彩七星彩一等奖| www.iq56.com-宁夏快三开奖走试图| www.03ow.com-体育彩票有买篮球吗| www.398877.com-彩神通3d推荐号| www.f85.com-彩票代理骗局| www.667779.cc-开福利彩票视频| www.740407.com-龙胜国际彩票| www.805568.com-彩铅画凤凰-| www.870645.com-易旺彩票地址| www.940511.com-彩6买什么版本| www.980710.com-彩77最新版-| 如意彩票www.865657.com| www.25ni.com-人民网彩票牌照| www.3184.biz-凤凰vip快三网址| www.218550.com-彩票推广话术| www.306235.com-盛源彩票下载安装| www.809640.com-手机购彩合法么| www.916901.com-永盛彩票手机登录| www.551711.com-周一福彩开什么| www.936647.com-爱刮刮的彩票成本| www.992696.com-中国福彩网快3平台| www.dq86.com-彩神uv打印机官网| www.975540.com-湖南福彩中心图片| www.cp2804.com-新快三在线游戏| www.05202.com-现在哪个网能买彩票| www.141488.com-福彩3d凤彩网| www.6995.com-竞彩篮球彩票不会看| www.222566.com-福彩3d论坛定胆| www.577734.com-湖南的体彩幸运赛车| www.92748.com-芸彩数字营销骗局| www.651777.com-福彩的中奖方式| www.789474.com-全国彩色纸箱厂品牌| www.903661.com-发彩网改网址了吗| www.bc82.com-多乐彩11选5| www.47ya.com-休育七星彩-| www.33812.cc-神州彩票专业版| www.032930.com-亿彩网官网-| www.165072.com-体育彩票任五规则| www.385899.com-精彩音乐汇相关歌曲| www.572223.com-彩81下载苹果版| www.675863.com-竞彩足球比分直墦| www.771050.com-最新重庆时时彩预测| www.918871.com-有多少人玩大地彩票| www.01vt.com-湖北小伙捡彩票中奖| www.54sm.com-梦大奖网海南彩民| www.0419.date-中福快三把我害了| www.7900.vip-斯蒂芬彩票公式| www.37866.cc-彩77彩票安全吗| www.007270.com-qq彩票竞猜没了| www.082084.com-彩钢围挡报价明细| www.578862.com-深圳龙华某彩票店| www.656702.com-欧洲杯彩票app| www.722712.com-广西快三直播开奖| www.796709.com-彩鸾艺印的博客| www.pp23.com-河南福利彩票官网| www.19pv.com-安徽彩票怎么玩法| www.95491.com-中国竞彩网下载| www.086861.com-篮球彩票怎么玩法| www.153532.com-竞彩篮球直播| www.250003.com-好彩香烟多少钱一包| www.316283.com-体彩大乐透怎么兑奖| www.630200.com-中彩网三地预测| www.721555.com-大家都在哪买足彩| www.954162.com-彩票助赢网页版网址| www.0351.cn-苹果手机彩票客户端| www.473003.com-福彩东方六十一开奖| www.539174.com-90足彩比分-| www.589995.com-好客彩aqq-| www.663925.com-今天七色彩开奖结果| www.726259.com-河北彩票最大奖| www.780889.com-好运彩网址-| www.844539.com-湖北体彩排列三推荐| www.892519.com-懂彩帝官网-| www.948161.com-众彩网程远预测汇总| www.982854.com-大发快三下载18金|