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天

知道了
彩01彩票 www.s03.com-体彩官网服务好| www.58861.com-彩票暴富后该怎么做| www.037724.com-彩票行家-| www.208928.com-武汉快三的走势图| www.288857.com-彩票站开业宣传| www.fs3.com-百盈快三单双技巧| www.804268.com-体育彩票网上如何买| www.665485.com-网易时时彩开奖号码| www.807607.com-福利彩票收藏| www.952624.com-南粤风采好彩1查询| 500彩票网www.918109.com| www.7376.cc-色彩画风景简单图片| www.011005.com-昨日体彩开奖结果| www.6678.live-3字谜专区双彩论坛| www.938690.com-双赢彩票能赚钱吗| www.5598.site-新加坡乐和彩免费网| www.76616.cc-重庆小伙分手中彩票| www.225400.cc-正规彩票微信讨论群| www.635767.cc-上海溢彩年华衣柜| www.755595.com-苹果彩膜图片| www.875400.com-福彩天下我有福彩| 博亿彩票www.626by.com| www.pf21.com-足彩新浪必发指数| www.ce29.com-买快三能赚钱吗| www.17sx.com-体彩网上投注站| www.3507.cc-彩票平台跑路| www.195373.com-上海怎么申请体彩店| www.cai1655.com北京快三开奖结果走| www.269315.com-三分彩攻略-| www.369810.com-福利彩票封机时间| www.810610.com-尊彩是什么意思| www.954311.com-苹果版本时时彩软件| www.33cw.com-m8彩票软件打开| www.0764.cc-河北彩票中奖故事| www.8011.net-近期南京彩票中奖| www.tj74.com-怎么做彩票网站| www.54vs.com-怎么短信投注彩票| www.18up.com-七乐彩开奖是几点| www.711126.com-名鸿彩票-| www.73657.cc-飞鱼彩票开奖| www.43fd.com-竞彩赚金游戏| www.3263.cc-手机彩膜怎么样| www.946495.com-福建即乐彩开奖走势| 博亿彩票www.696by.com| www.983900.com-成都彩票兑奖中心| www.gd90.com-福体彩票开奖公告| www.364337.com-世界杯进球彩票| www.022582.com-体彩杀跨断组预测| 中国福利彩票www.08588e.com| www.110712.com-今天开七星彩| www.47qo.com-梦到刮彩票中17万| www.766588.com-乐彩客靠谱吗| www.798879.com-竞彩足球进球数| www.910396.com-竞彩网下载-| www.983943.com-518彩票骗局| www.pu0.com-淘宝买彩票怎么买| www.506243.com-彩运宝安卓版| www.bf37.com-快彩是骗局吗| www.a70.pw-各种彩网-| www.2340.in-体彩11选5计划彩| www.303969.com-中国福彩报-| www.933966.com-时时彩6码必赢| 大赢家彩票www.599399.com| www.rl88.cc-在网上买彩票怎么买| www.706316.com-1分时时彩走势图| www.001005.com-篮球竞彩网258| www.677733.com-双色彩票开奖| www.757299.com-体彩87-| www.822611.com-山东福彩群英会欢迎| www.887978.cc-五福彩票821cc| www.949719.com-福彩双色球按顺序| www.994454.com-彩票倍数-| www.cd55.cc-有没有快三赚钱的| www.941377.com-体彩销售话术| www.533169.com-一分极速澳门彩票| www.5041.in-今天开奖什么彩票| www.336816.com-买彩票如何中大奖| www.xd77.com-七星彩十大专家杀号| www.317.cm-下载彩之王-| www.863210.com-安卓彩票挂机软件| www.949259.com-福彩3d独胆王毒胆| 吉祥彩票www.jx68.com| www.14062.com-福彩字谜图谜总汇九| www.1591.wang-777彩票高手论坛| www.560054.com-河南休彩彩481| www.156290.com-好彩网5583-| www.273506.com-福彩什么意思| www.368209.com-好看的彩铅简单风景| www.54zv.com-时时采彩赔率表| www.158282.com-佬牛竞彩-| www.813855.com-河北体彩网开奖公告| www.0662.wang-三十选七七乐彩| www.421.biz-塘沽的快三秒| www.22085.com-时时彩开奖走势| www.6988.site-海南七星彩网| www.755578.com-旺彩11选5计划| www.886325.com-水溶彩铅画图片大全| www.985704.com-百胜彩票首次送彩金| www.kh13.com-易彩票可信吗| www.09yf.com-竞彩提前多久停售| www.011219.com-快三高手下注| www.121086.com-黑彩追款-| www.221491.com-彩90彩票信誉| www.68oo.com-买竞彩技巧大全| www.65kv.com-彩票今日开奖查询| www.1782.org-优乐彩可信吗| www.18622.com-福彩3d万能三码| www.287736.com-彩票千万别合买| www.392276.com-体彩排列三中奖金额| www.656979.com-乐艺彩票997软件| www.875844.com-吉林快三专家推荐号| www.24525.com-昙花彩铅画-| www.3827.top-奥客竞彩网彩票| www.y68.top-正版福彩3d太湖诗| www.383545.com-keystr彩票-| www.498697.com-佰万亿彩票-| www.571666.cc-菲律宾快三开奖| www.660990.com-南方彩票彩-| www.751914.com-一号店彩票官网| www.833525.com-开奖直播彩票| www.917721.com-彩虹六号战绩查询| www.996828.com-北京快三下载手机版| www.tv6.cc-彩票神器手机| www.968748.com-微信代购彩票| www.25896.cc-彩虹周杰伦翻唱| www.434260.com-时时采彩赔率表| www.40064.com-中彩吧有多少年了| www.83882.cc-在小镇开彩票店| www.10255.cc-足球胜负彩历史数据| www.539.red-中国彩官网下载| www.02070.com-老公老是迷恋买彩票| www.148550.com-乐优炫彩提现不了| www.653862.com-彩中堂下载-| www.2667.xyz-福彩3d和值全图表| www.5430.in-足球竞彩中奖规则| www.02803.com-宁夏福彩网点怎么开| www.0291.xyz-安阳彩票站转让| www.zd78.com-彩票免费预测软件| www.44bw.com-什么叫出彩了| www.587932.com-乐彩vip有几个| www.26171.com-写彩虹的作文| www.072499.com-cp701彩票-| www.08ow.com-彩神幸运飞艇全能版| www.748962.com-中彩网真的能赚钱吗| www.868522.com-703彩票app-| www.970488.com-买彩票守号能中奖吗| www.gb47.com-彩九app下载| www.21or.com-千万彩票登陆| www.1vf.com-彩色饺子店加盟| www.662736.com-如意彩票计划网| www.09325.com-广东福彩官网首页| www.54626.com-下载app体验彩金| www.337142.com-查5d体育彩票| www.398600.com-爱彩新浪比分直播网| www.512770.com-三毛彩吧二维码| www.628587.com-app彩票停售原因| www.255140.com-时时彩破解-| www.325429.cc-海南彩票开奖结果| www.392059.com-福利彩票一二三等奖| www.766748.com-网站彩票代理加盟| www.11744.cc-彩乐乐双色球基本图| www.4792.cc-中国福秒彩票开奖| www.23944.com-怎么戒彩票网| www.181652.com-安徽福彩快三直播|