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.39187.com-117直播青娃彩票| www.057331.com-亚博彩票是骗局吗| www.220245.com-彩票首充10送28| www.306710.com-关于彩票的调侃段子| www.388343.com-华彩基金-| www.546068.com-福彩装修内部效果图| www.647755.com-好彩运租车公司电话| www.748182.com-中彩中心-| www.828635.com-多赢在线彩票| www.911877.com-天天彩票网站官方网| www.981029.com-七彩装饰-| www.gi11.com-上海快三开奖号| www.c88.live-南国体彩七星彩网站| www.67md.com-彩吧红五图3d图库| www.3601.cn-福彩3d南方正版| www.00056.cc-彩色包装盒设计| www.80583.com-国彩软件是诈骗吗| www.042194.com-七星彩开奖计录| www.148001.com-手机购彩安装| www.248697.com-澳门彩票公司首页| www.330838.com-快彩网官网下载安装| www.416320.com-网友叫我买彩票| www.526619.com-网络彩票推广犯法不| www.654721.com-赣州体彩中心| www.753500.com-1519彩票-| www.850410.com-网易上可以买彩票吗| www.926660.com-32邪恶彩-| www.986343.com-金手指彩报-| www.wy.com-快购彩票3-| www.qf22.com-彩77ios-| www.11hf.com-彩中彩网投网站| www.88ih.com-七乐彩彩票开奖时间| www.3260.vip-快三走势图赤峰| www.9385.vip-河北彩礼多少钱| www.72541.com-9928彩票注册| www.040327.com-博彩套利贴吧| www.131116.com-彩票开奖直播app| www.213294.com-福彩快三网赚| www.291199.com-乐彩网3d玄机图| www.368450.com-初学者临摹彩铅画| www.470898.com-唐山彩票站买私彩| www.566619.com-亿发彩票正规么| www.642707.com-收购中奖彩票被调| www.802969.com-福彩领奖需要多久| www.881319.com-浙江快乐彩胆拖玩法| www.986722.com-一号彩票网官网下载| www.ca.com-北京福利彩票快3| www.or03.com-玩优彩被骗-| www.00ne.com-易赢彩票网-| www.71lg.com-恒彩时时彩-| www.1366.pw-vr彩票是正规的吗| www.33468.cc-福彩体彩走势图下载| www.80362.com-易迅彩票可以买吗| www.034905.com-百富免费博彩论坛| www.144574.com-今日足彩竞彩分析| www.237325.com-嘉兴福彩店申请| www.318355.com-永利网络博彩| www.389121.com-乐彩字谜图谜论坛| www.539645.com-福利彩票2月8号| www.627685.com-足彩四场进球彩奖金| www.703680.com-河北福彩官网首页| www.783516.com-中国福利彩多乐彩| www.862518.com-彩票开奖号查询| www.931812.com-淘金网买足彩骗局| 鸿运彩票www.hy5505.com| www.in45.com-e球彩基本走势图| www.a81.cn-打彩票的公式| www.31ex.com-彩虹qq代刷网| www.1018.cm-快3走势图爱乐彩| www.69131.cc-时时彩没有官网吗| www.090537.com-体彩佣金几号发| www.165500.com-彩票返利-| www.266986.com-彩票走势图表软件| www.358345.com-南京彩票-| www.445519.com-o2o模式彩票| www.537645.com-彩色的东西是什么| www.637515.com-彩虫325看片| www.739792.com-北京快三公交电话| www.812598.com-福彩3d怎么做大底| www.886723.com-中国福彩是骗局吗| 彩8彩票www.c8714.com| www.cc36.com-体福彩最新开奖结果| www.tw32.com-彩票九宫图怎么用| www.04jn.com-彩铅花卉手绘画教程| www.76in.com-七乐彩4个号有奖吗| www.1394.tv-简单水彩画入门| www.12162.com-51彩票官方下载| www.55166.cc-微彩站app合法吗| www.99116.cc-腾讯时时彩能玩吗| www.062903.com-网易彩票手机客户端| www.185018.com-3分彩骗局-| www.258744.com-新浪体彩竞技风暴| www.330204.com-好彩网牛材网中彩网| www.398159.com-大奖彩票网上购买| www.553739.com-搜索山东福利彩票| www.621911.com-彩票有多少个号码| www.691130.com-足彩竞彩网资讯| www.768933.com-亚博彩票可信吗| www.883218.com-彩票软件怎么做| www.71db.com-安徽省体彩11县五| www.2425.cc-网上正规买彩票软件| www.01794.com-老公一直要买彩票| www.65664.com-幸运快三开奖查询| www.024276.com-福彩快三聊天室平台| www.095301.com-湖南彩票论坛| www.155997.com-福彩3d囹迷-| www.262089.com-湖北快三多少号| www.350296.com-湖北体彩领奖地址| www.425153.com-高频彩吧可靠吗| www.518384.com-天天买彩票安全吗| www.585394.com-彩票站前景怎么样| www.979875.com-二分快三-| www.009452.com-凤彩网彩票官网网站| www.083226.com-老9乐购彩票app| www.141142.com-快3彩票走势图大全| www.213232.com-彩经网河北快三| www.278931.com-福彩快乐12走势图| www.450918.com-七星彩开奖时间日期| www.538572.com-3d彩报今天-| www.631309.com-我想玩时时彩| www.697482.com-全运彩综合走势图| www.770889.com-图片彩票-| www.872639.com-贵阳福彩怎么申请| www.951973.com-彩天下会不会是骗局| 盛大彩票www.ct8877.com| www.al80.com-彩票中奖查询明细表| www.qp55.com-dd福彩快三-| www.07td.com-6加1彩票要顺序吗| www.72gi.com-彩票分析师给分红| www.0722.bid-网彩平台骗局| www.8255.in-江西快三走势2元网| www.26157.cc-双彩虹怎么形成的| www.63997.com-足彩竞彩分析师| www.032731.com-派彩走势图下载| www.101622.com-优信彩票怎么样| www.161235.com-重庆彩票站-| www.261591.com-百盈快三口诀| www.338743.com-福彩正版3d藏机图| www.404546.com-彩铅画嘴唇工具| www.503110.com-体彩胆拖是什么意思| www.566594.com-河南福彩新闻| www.626509.com-排列3论坛双彩论坛| www.688428.com-广东手机福彩| www.756511.com-彩吧网三d试机号| www.892205.com-快三全能必中软件| www.953946.com-足彩分析-| www.990770.com-tt彩票是真的吗| www.cai8355.com休肓彩票开奖| www.jf61.com-派彩网广西快3| www.yc07.com-派彩电子走势图免费| www.12gz.com-快三号码计算器| www.73hu.com-凤凰彩票规律| www.0637.vip-时时彩杀号工具在线| www.9367.biz-双色球彩票如何防伪| www.41474.com-吉祥彩票平台登录| www.82198.com-彩77平台如何| www.028900.com-三彩彩票网站入口| www.095166.com-彩票作假十大证据| www.147833.com-163彩票网靠谱吗| www.266381.com-大公快三秒-| www.338800.com-优彩网注册-| www.396830.com-体彩组六最大遗漏| www.518358.com-安徽福彩中奖资讯| www.576058.com-∨8彩票安卓下载|