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.14bv.com-今期七星彩开什么码| www.64666.cc-竞彩001玩法| www.465357.com-沈阳快三是真的吗| www.29515.cc-彩网易彩票网| www.251673.com-中彩吧投注-| www.427736.com-足彩4包的缩水公式| www.877316.com-马耳他开奖彩票| www.cp1031.com-j江苏快三计划| www.99329.com-中福秒秒彩-| www.174466.com-兰州快三预测豹子| www.373880.com-365彩票不能提现| www.577277.com-福彩体彩速查表| www.350993.com-鸿运彩票网址是多少| www.036646.com-福彩三d过滤软件| www.rf2.com-168彩票网靠谱吗| www.08rk.com-彩神东京计划软件| www.84vu.com-大发0234彩票| www.9438.cm-88彩票网站在哪| www.56869.com-浙江省福彩中心电话| www.549966.com-网上购足彩-| www.643308.com-湖北彩前三值| www.736130.com-彩吧助手开机号| www.813920.com-内蒙福彩快3一定牛| www.932106.com-老师带快三-| 500彩票www.513477.com| www.pg23.com-中国竞彩官网网址| www.2og.com-乐彩客足球-| www.93bv.com-6288彩票ios| www.87958.cc-讯飞彩票是骗局吗| www.115693.com-内蒙福利彩票双色球| www.211606.com-温州快三-| www.84le.com-1288彩网ios| www.4180.vip-七彩国际何明月| www.29078.com-苹果手机能买彩票吗| www.076210.com-达人彩票安全吗| www.185383.com-中原彩票大厅app| www.263673.com-福彩体彩下载安装| www.622418.com-体彩排列五众彩网| www.959796.com-彩票计划详情网址| www.dj51.cc-体育彩票足球玩法| www.606648.com-长沙彩民中1.6亿| www.729277.com-pk彩票安卓版| www.876611.com-黑彩是怎么挣钱的| www.255470.com-中彩吧的骗局| www.365771.com-福彩三d王滨字谜| www.205466.com-网络彩票时时彩骗局| www.211160.com-安徽安徽快三走势图| www.485321.com-18世界杯有啥彩票| www.267156.com-19052期足彩| www.350346.com-体彩湖北兑奖地址| www.376716.com-中国福利彩票36期| www.207569.com-时时彩缩水软件在线| www.316171.com-上海开福彩店| www.422121.com-广西体彩大乐透巨奖| www.531216.com-彩铅手绘初学者教程| www.599068.com-彩票选号靠灵感| www.668252.com-现在农村彩礼多少钱| www.759723.com-老时时彩开彩结果| www.870322.com-网上买彩票大小单双| www.973312.com-废彩票变工艺品| www.gs75.com-好彩香烟双爆珠| www.743188.com-388345购彩网| www.223509.com-奥克网足球彩票| www.158315.com-竞彩足球竞彩比分| www.306638.com-属龙买彩票吉祥号| www.391888.com-2005体彩排列5| www.500861.com-同版1寸彩色证件照| www.566747.com-河南福彩网站| www.337192.com-网上广西快三违法吗| www.522804.com-2元胜负彩500万| www.632745.com-nba在哪买彩票| www.744196.com-赌彩网app-| www.880869.com-彩票平台刷佣金| www.983898.com-北京快三终点站| www.il98.com-九州彩票的网址| www.044786.com-下载唯博彩票| www.554311.com-体育彩票彩市用语| www.735916.com-天牛彩吧图库图| www.892745.com-彩票缩水软件有用吗| www.cai33.cc-甘肃快三走势图今天| www.2102.xyz-体彩19056期| www.350596.com-福彩选5的玩法| www.097979.com-体育彩票购彩app| www.579383.com-各彩票平台网址大全| www.837512.com-快三概率-| www.45ef.com-竞彩足什么时间开奖| www.51175.cc-千禧彩之源软件下载| www.086883.com-k彩福地软件载| www.116288.com-彩库宝典最快报码室| www.c85.com-福彩软快三软件下载| www.9336.online儿童游戏彩球| 88彩票www.8839p.com| www.223249.com-凤凰彩票专属计划群| www.333.org-魔方彩票国王皇后| www.686052.com-9购十分彩-| www.550641.com-中了彩票一千万| www.620572.com-手机购买竞彩足球| www.690293.com-广西快3遗漏值快三| www.766231.com-鑫彩国际怎么样| www.824828.com-鸿彩网是什么平台| www.891390.com-福彩刮刮乐广告语| www.960350.com-云顶至尊app彩票| 好彩头彩票www.23579f.com| www.950129.com-一定牛彩票是假的吗| www.307783.com-七星彩历期开奖号码| www.06699.com-1216彩票网站| www.18859.cc-中国体彩网唯一网站| www.18909.com-彩票中心官网app| www.89338.cc-彩运来手机客户端| www.817610.com-排三走势图彩吧| www.937583.com-6c彩票-| www.cai389.com-彩神8官网-| www.651237.com-欧洲百万彩玩法| www.40oz.com-88爱彩官方app| www.68sf.com-乐彩娱乐安全吗| www.60315.com-彩票的实际偏态| www.wu90.com-七乐彩预测推荐号码| www.801081.com-福利彩票电话| www.997808.com-竞彩篮球体彩网| www.736683.com-搜索福彩三d牛彩| www.893692.com-安徽快三和值详细| www.18ps.com-亿米彩软件怎么样| www.996700.com-骑士致富团队买彩票| www.ay95.com-江西电脑福利彩票| www.vl48.com-大发快三和值根据| www.11gi.com-博众时时彩预测软件| www.413896.com-北京福彩3d研究院| 网易彩票www.9356x.com| www.aq13.com-广东福彩快十预测| www.od32.com-欢乐快三骰子| www.924917.com-买彩票什么软件好| 818合彩www.www.9889hc.com| www.802561.com-看看福彩开奖结果| www.5362.cc-怎样用淘宝买彩票| www.392390.com-彩票丢了还能兑奖吗| www.111137.com-体育彩哪年发行的| www.132002.com-河南南阳彩礼是多少| www.319499.com-彩神密聊-| www.389733.com-郑州彩票店铺转让| www.519610.com-大乐透彩民乐图迷| www.12ah.com-天天中彩票8月停售| www.561269.com-彩票倍投计算器安卓| www.930962.com-七星彩什么号提醒| 通盈彩票www.567388.com| www.289987.com-彩库宝典彩图图库| www.24356.com-大发时时彩彩预测| www.021653.com-太原彩票站-| www.424668.com-青岛七彩虹| www.535908.com-中彩票后很低调| www.697002.com-浙江体彩大乐透预测| www.777641.com-易盈彩票计划| www.844997.com-我国体育彩票最早| www.898851.com-福彩试机号码查询| www.964473.com-竞彩足球-百度| 凤凰彩票www.55228j.com| www.82508.com-体彩一休杀号| www.075690.com-五福彩票下载地址| www.539.tv-英皇娱乐里面时时彩| www.361898.com-描写彩虹的现代诗句| www.ud40.com-彩神大发时时彩| www.6512.top-体彩刮刮乐送宝马| www.021094.com-新浪分分彩-| www.206073.com-刷福利彩票单靠谱吗| www.278559.com-中国福利彩票三d|