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.948356.com-福彩3彩吧图第二版| www.hi57.com-足彩中奖兑奖流程| www.68xq.com-世界有名的博彩公司| www.4716.com-男子身无分文中彩票| www.54eh.com-专业玩彩胡先生预测| www.1788.cn-豪彩彩票下载安装| www.cai663.cc-北京体彩十一选5| www.ov22.com-河北快三倍投表| www.11hh.cc-澳客彩票客户端官网| www.81ep.com-时彩族在线计划| www.1807.cm-重庆十分快三| www.17dc.com-三d福利彩票规则| www.1644.in-福彩3d复隔中走势| www.3181.wang-星彩网3d开机号| www.360427.com-体彩11选五5| www.496204.com-bwin博彩正规吗| www.512525.com-儿童彩铅画花朵| www.375836.com-手机版百乐彩怎么玩| www.567177.com-旺彩社区彩迷天地| www.53733.com-向日葵时时彩| www.032629.com-137彩票-| www.131717.com-彩票购买大厅| www.516167.com-一分钱起投的彩票| www.633555.com-7乐彩一等奖| www.771861.com-体彩竟彩开奖时间| www.4754.cc-中一次彩票一等奖| www.32401.com-网络兼职快三彩票| www.77195.cc-上海快三和值怎么算| www.036614.com-高频彩1码计划| www.158396.com-体彩胜负过关| www.282337.com-重庆五分彩开奖号码| www.372227.com-369cc彩票下载| www.541044.com-金多彩正版料| www.620081.com-福彩票6838cc| www.297.me-七星彩有人买吗| www.98099.cc-三分时时彩公式技巧| www.874520.com-信彩票-| www.797113.com-天天中彩票贴吧| www.823693.com-爱彩人11-| www.ib24.com-安徽省体彩领奖地址| www.070953.com-彩票365是否正规| www.4060.cc-七星彩总部-| www.4666.cn-两块钱的彩票| www.37299.cc-糖果派对彩金怎么算| www.393633.com-重庆时时彩停止开奖| www.397324.com-下载天天中彩| www.83qt.com-彩票五位数中多少钱| www.5bq.com-我要查彩票号| www.593858.com-七彩格子破产| www.671708.com-香港生肖彩论坛| www.777.net-体彩走是图-| www.17940.com-皇元彩票平台| www.96194.com-星之卡比三重彩| www.533353.cc-彩票几注什么意思| www.582603.com-58彩票三分时时彩| www.5400.tv-体育彩票管理体制| www.237616.com-动物总员湖南福彩网| www.014773.com-王刚讲故事东北彩王| www.135889.com-竞彩足球数据分析| www.225940.com-天天中彩票可信吗| www.73177.com-福彩可以买吗| www.597976.com-阿莉彩票网站| www.666733.com-乐彩网充值中不到账| www.258771.com-体育竞彩app投注| www.1427.com-快三购彩-| www.8623.biz-彩票机怎么联网详图| www.008295.com-智慧彩快三-| www.106538.com-彩票77-| www.206965.com-易彩网下载-| www.293350.com-青岛福利彩票电话| www.381482.com-中彩网开奖直播视频| www.518177.com-苹果手机炫彩灯光| www.425454.com-彩票软件算法软件| www.877.mobi-手机玩时时彩违法么| www.175448.com-正规快三平台下载| www.558887.com-夸人彩虹屁文案| www.659190.com-彩票开奖开奖助手| www.784172.com-时时彩报警能追回吗| www.137115.com-众博彩票官网下载| www.4931.cn-新粤彩报纸彩图版| www.427721.com-鲸彩漆-| www.7ev.com-河南快三玩法视频| www.3444.in-网易彩票快乐购| www.66859.cc-彩票可叫折过| www.129484.com-特区彩票沦坛| www.614844.com-时时彩大师app| www.805055.com-彩票361平台| www.931865.com-新浪竞技体育彩票网| www.ue68.com-新加坡南洋彩网站| www.207005.com-国彩-| www.206570.com-神州彩-| www.464944.com-那个软件可以买体彩| www.os53.com-广西快三号码遗漏表| www.8779.loan-福彩游戏跟单| www.021558.com-网易彩票网页版| www.100415.com-金龙彩票-| www.lj49.com-全民彩票是否合法| www.236192.com-澳客网足彩胜负彩| www.53909.com-时时彩倍投的规律| www.023.me-全球彩票官方app| www.365826.cc-彩铅渐变色怎么画| www.10837.com-体彩排5玩法| www.675838.com-天津福彩网官网| www.169134.com-福彩快三上海| www.013814.com-七星彩图纸最新| www.410053.com-体彩排三开机号是| www.96167.com-南阳市结婚彩礼| www.059691.com-彩票快开型取消吗| www.567280.com-江苏体彩19034| www.754563.com-足彩14场预测推荐| www.845205.com-竞猜型体育彩票种类| www.923963.com-贵烟好彩多少钱一包| www.982445.com-湖南体彩官方网站| www.fe55.com-河北快三几点结束| www.zx66.cc-彩虹e台手机在线看| www.29el.com-星空彩铅画图片大全| www.671193.com-列三杀号定胆彩经网| www.764887.com-一分快三软件app| www.859106.com-933彩票网址| www.930126.com-1980彩票试玩| www.993706.com-万豪彩票送38元| www.aa03.com-福建福彩d-| www.pj30.com-彩票高手中奖秘诀| www.15nj.com-917彩票软件| www.70ww.com-北京彩易达-| www.493001.com-南京众彩要搬吗| www.576680.com-手机体彩山东| www.643117.com-幸福彩票平台怎么样| www.706396.com-嘉兴福利彩票兑奖| www.766567.com-彩票赚钱倍投方法| www.829733.com-ok彩票安卓版官网| www.887765.com-排列三开机号牛彩网| www.949461.com-足彩北单-| www.990078.com-互联网售彩何时恢复| www.cp3899.com-福彩湖北快三| www.39732.com-彩店宝彩票下载安装| www.87199.cc-7070彩票手机站| www.380808.com-找回我的彩票| www.665775.com-福利彩用户注册| www.gr24.com-新彩吧字谜-| --绝望的人买彩票| www.324.gg-彩客彩票怎么打不开| www.539406.com-彩票以后的发展趋势| www.307651.com-快三13点和值| www.364676.com-广西快三多少期| www.321740.com-体彩开奖直播小炮| www.884468.com-中国彩吧布衣图库| www.744385.com-9万彩票手机网页版| www.887913.com-74555彩经论坛| www.954403.com-3d彩宝网开机| www.76xg.com-彩票有谜语吗| www.783.bid-彩票复试什么意思| www.654323.com-彩之源用户注册| www.229499.com-7彩洗墙灯-| www.319636.com-贵州快三71期| www.959741.com-赢彩网app下载| www.0958.org-凤彩网3d字谜| www.615168.com-三彩翡翠值钱吗| www.35hd.com-七星彩第一位走势| www.860145.com-时时彩票是合法的吗| www.955464.com-01彩票ios-| www.cp517.com-广西快三每天多少期| www.sa14.com-500app彩下载| www.283393.com-1分彩票-|