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.560662.com-福彩三地阴阳走势| www.721837.com-网上买足彩票| www.851947.com-福利彩票有多假| www.221035.com-下载彩神app| 鸿运彩吧www.hycb8.com| www.w47.club-百乐彩平台是真是假| www.2202.com-快乐彩票三黑网站| www.24587.com-彩铅排线方法图解| www.71492.com-河南福彩中心电话| www.029928.com-体彩中心投诉电话| www.462673.com-福彩3d一品香今晚| www.998765.cc-中国体育彩票开店| www.sg37.com-五分时时彩下载| www.247339.com-上海福彩网官网下载| www.60425.com-信誉好的彩票平台| www.704505.com-5933彩票-| www.859819.com-132cc彩票-| www.935285.com-8号彩票论坛网址| www.7286.org-彩虹4-| www.019290.com-彩票注册大乐透| www.6861.com-体彩海南飞鱼| www.20377.cc-竟彩计算器胜平负| www.oi80.com-重庆时彩是骗人的吗| www.609.mobi-七乐彩有app吗| www.5788.cc-体彩快乐扑克3规则| www.25972.cc-彩虹涂色-| www.69900.com-足球竞彩365| www.65696.cc-快三对子最多开几期| www.134622.com-恒大彩票网站| www.800180.com-上海体育彩票机| www.912729.com-彩客站计划群| www.981520.com-福利彩票摇号器| www.72qc.com-七星彩个位杀胆| --岩棉彩钢板规格| www.920172.com-3d彩票走势图大全| 彩宝www.cb5388.com| www.580239.com-彩票体彩开奖七星彩| www.8666.biz-福彩d开奖结果今天| www.603633.com-第二人生彩票| www.52601.com-中免蓝好彩-| www.078818.com-七星彩单式怎么兑奖| www.863503.com-qq彩票抓娃娃| www.948505.com-3d连线走势图彩吧| QQ彩票www.89894e.com| www.56nl.com-非凡彩票原创专注| www.9132.online彩壹万彩票-| www.956565.com-六给给彩开奖结果| www.cp7758.com-手机买彩票app| www.tl35.com-体彩试机号30彩吧| www.7858.bid-足彩14场怎么买| www.27183.com-一号彩票手机客户端| www.268923.com-彩王争霸下载地址| www.355613.com-时时彩倍投如何止损| www.451011.com-彩票店多少钱能开| www.830990.com-太湖字谜新彩网| 99彩票www.66730.cc| www.tf36.com-内蒙古快三跨度和值| www.85hu.com-买五分彩技巧| www.3772.xyz-南国彩票排列五| www.36694.com-澳彩官方网站| www.405432.com-修武彩票6000万| www.592627.com-模拟购彩软件| www.666614.cc-七彩是骗局吗| www.057063.com-七乐彩历史出球顺序| www.158050.com-足彩19047期| www.111085.com-江苏e球彩遗漏| www.261596.com-6329彩票-| www.073306.com-傲赢彩票怎么没了| www.022728.com-高频彩票预测网站| www.385208.com-七星彩下期杀号预测| www.674701.com-36o彩票网官网| www.4895.top-还能买足彩的app| www.719911.com-海南七星彩下单| www.ds31.com-如何反彩票托的套路| www.29eb.com-明天彩票出什么号| www.998566.com-中国体育彩票代金券| www.xt99.cc-彩票每期买多少合适| www.690152.com-足彩预测网模型| www.780977.com-5型彩票组合软件| www.859799.com-彩民网手机论坛| www.936536.com-全发彩票-| www.995491.com-91竞彩之家下载| www.cy10.com-彩神vii官网| www.700866.com-体彩价格-| www.657662.com-算彩票-| www.110455.com-福彩新代码-| www.572125.com-王成周中彩票的公式| www.735600.com-四川体彩快乐12| www.036570.com-k彩福民彩地| www.68533.com-全球彩票分分快| www.180115.com-大中华彩票1分快3| www.41qb.com-怎么买七星彩| www.r45.top-彩票开奖开源接口| www.0006.pw-6位数字彩票| www.643467.com-一定牛广西福彩3d| www.222346.com-易彩快3必中方法| www.745984.com-天天中彩票正规版| www.204477.com-江西快三玩法介绍| www.283344.com-数字彩票技巧解密| www.346216.com-福彩演播室视频| www.237146.com-6加1彩票-| www.315350.com-彩96平台-| www.661924.com-竞彩为什么这么难中| www.952521.com-谁有彩票网站包赔| www.327215.com-体彩七位数几点开| www.403210.com-七星彩前四计划| www.150734.com-彩票三的免费过滤器| www.709223.com-神彩争霸大发快漏洞| www.165219.com-体彩大乐透大奖| www.63208.com-打开足彩310报纸| www.006914.com-五分彩破解器| www.85043.com-颖上福利彩票站点| www.059985.com-福彩三d怎么玩| www.355602.com-足彩如何交税| www.90829.com-晚晚好彩资料| www.938522.com-众益彩app-| 万历彩票www.77114k.com| www.rf62.com-台湾彩票官方网站| www.852956.com-福利体彩彩票开奖| www.915975.com-福彩机器退押金| www.994645.com-手机时时彩做号软件| www.fx58.com-黑彩被骗报警有用吗| www.ht54.com-北京快三预测码| www.483817.com-足彩让球是什么意思| www.566907.com-南京福彩申请条件| www.627925.com-18彩app靠谱吗| www.663771.com-百度号彩票登录网址| 必发彩票www.755017.com| www.525522.com-彩票中奖收多少税| www.594128.com-竞彩既时比分| www.657730.com-p3杀号定胆彩宝贝| www.712018.com-足彩预测专家| www.795350.com-福彩3d怎么领奖| www.861572.com-今天3d彩报第三版| www.913228.com-彩客网怎样-| www.962998.com-查福利彩票七乐彩| 好运彩票www.222hy.cc| www.761750.com-下载福彩群英会| www.820049.com-天天中彩票给兑奖嘛| www.876659.com-专业彩票彩吧助手| www.929502.com-彩票888-| www.971817.com-01第一彩app| 博友彩www.983112.com| www.6gk.cc-南京体彩属于谁| www.238322.com-发彩网是真的吗| www.878143.com-3d走势图表乐彩网| 双彩网www.178012.com| www.723492.com-江苏省宿迁彩票中奖| www.798832.com-时时彩技术绝技| www.869066.com-七星彩规律都是假的| www.932512.com-足球购彩软件| www.952713.com-丰彩深圳有人中奖吗| www.82928.cc-500万彩票電腦版| www.092619.com-河南订婚彩礼多少| www.214401.com-秒速快三谁开的| www.371490.com-宁波市福彩网| www.517001.com-心理色彩测试| www.619156.com-山东彩票中奖新闻| www.749912.com-3d双彩论坛试机号| www.886431.com-90彩票网-| www.36lx.com-彩36彩票网官网| www.1454.vip-海南博彩业放开| www.15701.com-初学者一幅彩铅画| 大赢家彩票平台www.853530.com|