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.2107.xyz-江苏体彩11造5| www.23722.com-红旗彩票注册| www.16or.com-体彩7星彩六等奖| www.797924.com-河南买彩票的时间| www.891136.com-红彩会-| www.966932.com-彩票网手机客户端| www.at4.com-快三注册平台官网| www.021945.com-皇冠彩票苹果app| www.511415.com-彩库宝典现场开张| www.272215.com-什么是江苏快三彩票| www.109117.com-香港神彩论坛| www.506380.com-吉林快三骗局| www.620578.com-玩高频彩票如何赚钱| 全民彩票www.97171.cc| www.892517.com-彩票榜平台-| www.972575.com-彩客网双色球推荐| www.fm3.cc-个人玩时时彩犯法吗| www.sm60.com-时时彩诈骗报警| www.12wn.com-有没彩票平台| www.89lj.com-衣服用彩漂泡一夜| www.819340.com-彩票平投技巧| www.750789.com-梦到开宝马车买彩票| www.610438.com-人物彩铅画教程视频| www.7hn.com-彩票是内部人中的吗| www.11952.com-买彩网app入口| www.79897.com-华赢彩票是什么| www.313280.com-赌彩票骗局-| www.130559.com-体彩自助终端机| www.310747.com-今日甘肃快三结果| www.557392.com-彩票字谜牛材网| www.665416.com-南方双彩正版独胆| www.759062.com-微彩站怎么发布跟单| www.860119.com-时时彩开奖统计| www.981174.com-彩针冰淇淋-| www.qd62.cc-手机彩票开发| www.7239.link-900彩票黑平台| www.394022.com-分分彩数据哪里来的| www.509321.com-河内5分彩软件| www.552632.com-网上秒速时时彩| www.638108.com-体彩竞彩几踢完| www.719144.com-福彩三地今天开机后| www.796453.com-鸿运彩票合法吗| www.873490.com-现在可以网购彩票吗| www.949672.com-体彩试机号查洵| 68彩票www.68682w.com| www.297008.com-河北快三开奖统计| www.381511.com-百合男骗局彩票股市| www.502002.com-大佬彩票网平台| www.566962.com-竞彩篮球赛程| www.633658.com-河南福彩22规则| www.713732.com-3d彩票图纸-| www.zv48.com-山东十一选五爱彩乐| www.552.pw-中华彩票公益时报网| www.613092.com-彩票平台推广的技巧| www.318875.com-三分彩和时时彩一样| www.37821.cc-暂停互联网彩票| www.tw42.com-体彩购彩大厅| www.10cx.com-天网诈骗彩票| www.203768.com-5d彩票开奖查询| www.284157.com-霸气十足的彩票网名| www.53767.cc-最正规的时时彩平台| www.030852.com-彩61彩票是真的吗| www.370304.com-时时彩有合法| www.561321.com-体彩复式投注计算器| www.690263.com-竞彩猫单关走势图| www.mo16.com-k彩手机登陆| www.31nw.com-彩民高手网-| www.0072.top-德国彩票有几种| www.937977.com-最新的凤凤彩app| www.nf76.com-全民彩票破解方法| www.e15.net-凤凰彩app下载| www.5365.cc-手机买快三的软件| www.15255.cc-温州体彩申请| www.fh71.com-彩票注册秒送28元| www.324755.com-马来西亚博彩犯法吗| www.538716.com-云南时时彩开奖记录| www.649135.com-缅甸博彩-| www.265260.com-湖南快三走势| www.379169.com-k彩游戏20图片| www.206242.com-彩投-| www.967439.com-福彩3d高手群号码| www.ci65.com-陕西体彩快乐十分| www.10yl.com-四季彩网页登录| www.571783.com-为食论坛即时开彩| www.573944.com-彩票网站盗走账号| www.679988.com-搜索彩票2元网| www.626587.com-7彩乐开奖结果查询| www.593950.com-七彩视界破解版| www.191318.com-怎样看一分快三走势| www.651561.com-腾讯1分彩计划| www.16144.com-微信群的快三靠谱吗| www.kd19.com-福彩站有快三彩票吗| www.i53.com-银川体彩兑奖| www.713812.com-078彩票登录网址| www.357422.com-好彩网平台信用吗| www.846342.com-彩票做假案-| www.784838.com-彩球闯关游戏大全| www.09399.cc-98c彩票网金牌| www.59528.com-时时彩网站大全| www.98697.cc-足彩买几串合适| www.53rb.com-福彩快三开奖规则| www.0630.org-彩票讲堂女主持人| www.043038.com-今晚七星彩开什么吗| www.8626.top-彩视横屏怎么做| www.45837.com-68彩票网官方网站| www.715001.com-时时彩五星单式方法| www.663785.com-体彩电脑-| www.880288.com-和乐彩票-| www.9714.loan-彩票店销量急剧下降| www.220485.com-体彩19031-| www.548664.com-五分彩的规则| www.737172.com-上海体彩七星彩| www.812979.com-华彩咨询怎么样| www.952320.com-和值怎么看快三| 惠民彩票www.hm5688.com| www.043614.com-今日3d彩民乐树图| www.46467.com-自己租个时时彩平台| www.022782.com-光彩耀目专栏| www.109310.com-金利彩票大厅| www.226834.com-江西福彩快3走势图| www.329716.com-深圳福彩区块链彩票| www.916558.com-私彩平台网址| www.990892.com-彩票4s开奖现场| www.io71.com-最新足彩分析| www.00vg.com-彩票缺个角有效吗| www.855772.com-七彩乐怎么看中奖| 爱心彩www.axc2.com| www.5zi.cc-牛牛彩票骗局| www.141199.com-广州鸣彩服务电话| www.uh49.com-浙江快乐彩和值走势| www.01188.com-相富年图彩之网| www.699629.com-时时彩qq计划群| www.763332.com-时时彩6期必中| www.827136.com-大富豪官网彩票| www.881532.com-电竞博彩有哪些网站| www.947131.com-高频彩被骗经历| www.984276.com-利奥彩票平台网址| www.cp104.cc-购买双色球彩票| www.80728.com-发财网彩票下载| www.xx52.com-往年中奖彩票| www.22546.com-手机上彩票是真是假| www.81181.cc-即开彩合法吗| www.036006.com-一分钟快彩下载| www.11139.com-噢客网彩票-| www.jd41.com-浙江福彩快三| www.193541.com-马来3分彩开奖号码| www.bb33.com-江西快三投注道风云| www.3358.live-彩票88app下载| www.00731.com-乐彩论坛原创| www.557375.com-有彩金的彩票软件| www.973707.com-无极3彩票可靠吗| www.kd8.com-快三长龙出现的征兆| www.qf64.com-体育彩票二维码| www.259295.com-中国竟彩网-| www.967429.com-778彩票app-| 超级彩票www.901180.com| www.ot39.com-彩票3d领袖贴吧| www.35iu.com-福利彩票星期三| www.380394.com-彩票撕烂还能兑奖吗| www.200262.com-123彩票官网下载| www.767540.com-下载牛蛙彩票| www.99007.com-天地彩平台注册地| www.972470.com-优彩彩票网安全吗| www.141577.com-三d字谜总汇新彩网|