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.562034.com-海南私彩软件| www.873716.com-七乐彩300期| www.01018.cc-福彩3d专家荐号| www.90225.com-七彩图画-| www.067713.com-手动彩票打印机| www.170823.com-快三顺口溜逢4下| www.253874.com-青海快三和值走图| www.929830.com-美国彩票怎么玩| www.gn08.com-三分快三技巧套路| www.39at.com-山东彩民中奖| www.004068.com-广东福彩快乐彩单式| www.xs84.cc-王百万买彩票牛牛| www.3274.cm-下载购彩app下载| www.368793.com-彩728-| www.306675.com-彩票靠谱平台| www.795729.com-聊城竞彩店-| www.856086.com-注册送彩金app| www.55101.com-竞彩稳赢心得| www.jc73.com-18268彩票-| www.44ob.com-江苏苏快三快彩乐| www.kj32.cc-神彩通-| www.0551.space-3b琓彩人杀一码| www.275637.com-美国彩票开奖结果| www.993244.com-玩网彩票真能赚钱吗| www.wj36.com-大发时时彩专业计划| www.67ee.com-澳门彩票官方投注网| www.3056.vip-越彩彩票软件| www.955526.com-01vip彩票官网| www.cl7.cc-江苏快三百科| www.09yg.com-彩票站封机时间| www.041277.com-彩票助手免费手机版| www.262925.com-彩票微信群-| www.92818.cc-立彩快3网-| www.980696.com-利彩彩票是骗人的吗| www.wr44.com-彩票追号计划微信群| www.477999.cc-福利彩票十三五规划| www.382382.com-每周买彩票坚持五年| www.951942.com-台湾乐透彩资料大全| 彩票驿站www.2350m.com| www.107106.com-玩01彩票输的想死| www.062848.com-腾讯分分彩看盘技巧| www.006948.com-安徽体彩中心在哪| www.xb45.com-河南幸运彩在线直播| www.671512.com-排列三试机彩宝网| www.20qv.com-1122全国开彩| www.98qp.com-五行预测彩票电子版| www.3699.cn-福彩群英会助手| www.9867.cc-古建彩绘分哪几派| www.44086.com-中彩在线这个软件| www.817806.com-北京快三两码遗漏| www.907601.com-嘉定中奖彩民| www.974355.com-陕西福彩双色球玩法| www.op6.cc-11选5彩票助手| www.66493.com-宁夏福彩中心新闻| www.ia9.cc-福彩新快3玩法| www.g03.org-福彩三d组选怎么买| www.874169.com-福彩新基诺-| www.23xg.com-盛彩注册-| www.909678.com-福彩3d技巧大全| 吉利彩票www.66376d.com| www.094844.com-福彩七加二怎么选| www.qz39.com-肖立刚福彩讲师| www.9ku.com-体育彩票是怎么买| www.964990.com-快三诈骗-| www.ag59.cc-熊猫彩票靠谱吗| www.yo92.com-延吉体彩中心在哪里| 开心彩票www.725102.com| www.958649.com-什么彩票每分钟开| www.29xw.com-中国体彩主任| www.7109.pw-特区论坛七星彩| www.964196.com-福彩三d金马| www.cp5675.com-快三秒是什么意思| www.8330.cn-青海快三中奖技巧| www.830087.com-132彩票绿盟软件| www.675291.com-彩票通cpt网页| www.89268.cc-网上哪里还能买彩票| www.874497.com-说彩-| www.an70.com-贵州体彩好-| www.421860.com-17彩票是真的吗| www.626228.com-久久发彩票靠谱吗| www.836686.com-彩球app-| www.935305.com-5050彩票ios| www.hx89.com-e球彩两场全包| www.9363.loan-福利彩票黑客事件| www.632677.com-力彩日用品-| www.721365.com-北京市体彩十一选五| www.789157.com-彩妆店铺名字大全| www.872546.com-云南体彩官方网站| www.968884.com-彩名堂正式版软件| www.589599.com-关小刀竞彩-| www.731496.com-易彩集团注册邀请码| www.972894.com-迪士尼彩票为人类| www.jn79.com-腾讯快三是什么| www.681513.com-彩麒麟理财骗局| www.794543.com-360时时彩-| www.937583.com-6c彩票-| 500彩票www.807979.com| www.6714.biz-5月份彩票销量| www.82571.com-足彩19027-| www.879491.com-彩票团队计划| www.518013.com-1分彩开奖号码| www.581337.com-签到送彩金的彩票网| www.669995.com-彩色通道-| www.075628.com-瑞彩网快3-| www.84yy.com-彩票开源系统排行榜| www.1981.date-58cc赢彩彩票| www.453618.com-华达竞彩现在能用吗| www.665941.com-我需要乐彩网| www.881234.cc-福彩开奖号码查询今| www.t36.club-湖北福彩兑奖地址| www.889567.com-乐彩网最新版本下载| www.cai7773.com马来西亚彩票网| www.up20.com-广西福彩官网app| www.64sb.com-足彩曲昌春微信号| www.78220.com-下载福彩选号技巧| www.971849.com-福彩字谜17500| 彩票5www.594243.com| www.ne01.com-709彩票网官网| www.20770.com-百盈彩票网站| www.026809.com-彩票工资车平台| www.331504.com-彩票走势图软件下午| www.252054.com-福彩3d中彩网| www.28482.com-合发彩票娱乐平台| www.01pt.com-彩虹桥作文-| www.799365.cc-彩票打印模板| www.933577.com-彩票多少钱以上到省| 吉利彩票www.66376k.com| www.32732.cc-彩乐汇娱乐-| www.398573.cc-首存送彩金的网投| www.553575.com-竞彩推单-| www.858658.com-福彩七乐彩开奖顺序| www.975957.com-环彩彩票-| www.435211.com-彩王之巅直选五注| www.8468.loan-七星彩2008年| www.303.org-彩票官司视频| www.35800.com-乐发彩票下载软件| www.352844.com-小伙捡过期彩票| www.423910.com-金山彩票奖多多| www.636806.com-彩虹儿歌幼儿园| www.92217.com-乐彩网三d开奖公告| www.135513.com-彩票开卖-| www.281335.com-海口五星彩票| www.373068.com-彩票cp-| www.653373.com-大彩票-| www.631404.com-彩票最高多少倍| www.75hs.com-彩票如何看中奖| www.877712.com-足球博彩算赌博吗| www.978571.com-粤淘彩票怎么注册| www.cai0922.com安徽福利快三| www.2223.me-洛阳七彩龙都| www.484062.com-好彩客app最新版| www.540240.com-彩乐园3app-| www.592287.com-湖北快三和值对照表| www.677.cm-时时彩五星计划网址| www.579539.com-福利彩票今天试机| www.650732.com-创意水彩动物| www.cai750.com-快三大小规律破解图| www.318464.com-南昌彩票中心在哪| www.683686.com-深圳快乐彩奖金| www.547869.com-彩票api源码| www.723918.com-118彩票ios-| www.792038.com-福彩编号是什么| www.865339.com-福彩3d遗漏分析| www.673925.com-宫廷建筑彩画|