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天

知道了
彩票123现在叫什么名字 www.00551.cc-南方南方双彩网首页| www.97328.cc-一定牛上海快三| www.081769.com-宝盈娱乐彩票平台| www.960347.com-哪个彩票网安全| www.ks8.com-体彩e球彩开奖号码| www.066989.com-实体店彩票会被吃票| www.200056.cc-福彩开奖是多少| www.jp90.com-彩神vl软件正规吗| www.53vj.com-齐鲁彩票几点开始| www.3631.biz-易彩网里的钱怎么退| www.23339.cc-n500彩票网-| www.82722.com-胜负彩19024| www.81zc.com-5808万彩票-| www.3718.net-香港球彩台阿占| www.21867.cc-彩票拖是什么意思| www.75600.com-老猫看彩怎么关注| www.026803.com-彩票工资车-| www.505421.com-胜彩彩票是真的吗| www.612202.com-3d福彩174-| www.580916.com-新浪足彩数据| www.727524.com-体彩大乐透图谜语| www.101491.com-彩票aqq下载大全| www.236646.com-快三群有没有托| www.21677.cc-女孩叫你玩彩票| www.94287.com-比分500竞彩网| www.112090.com-金牌98c彩票| www.984035.com-75彩票是真的吗| www.wb42.com-福利彩票历史开奖| www.828535.com-欧洲彩票历史大奖| www.896326.com-七星彩网开奖视频| www.969163.com-同城彩票彩778| 大赢家彩票平台www.691071.com| www.820386.com-福彩3d藏机诗98| www.905726.com-彩69是骗局么| www.748181.com-关于中彩-| www.668247.com-征途彩票app| www.2528.net-香港玩彩网-| www.63017.com-胜天半子的足彩| www.056151.com-彩票黄金分割计算法| www.225285.com-体育彩票提成| www.316000.com-上海足球彩票| www.398200.com-彩之源印刷有限公司| www.518630.com-优乐彩网-| www.2467.cc-今天3d天天彩报| www.08022.com-长沙体彩发行中心| www.83813.cc-刮彩票有哪些| www.090096.com-中国福彩网代理| www.166030.com-甘肃快三走势图今天| www.254582.com-七星彩专区高手论坛| www.342634.com-排三开机南方双彩网| www.418522.com-专业购彩中博| www.516477.com-正规网上买彩票| www.831464.com-彩票网站接单| www.909265.com-3d彩报第四版| www.983184.com-公务员可以买彩票吗| www.rr46.com-体彩11选5开奖| 91彩票网www.912481.com| www.vz15.com-快三4跨-| www.ax45.com-上海基诺彩票玩法| www.4me.com-怎么查体彩中奖号码| www.282901.com-彩票中奖巫术| www.362778.com-经常买彩票的人| www.797256.com-彩民彩票诈骗| www.878774.com-极速3d彩票技巧| 500彩票www.501254.com| www.mz84.com-青海西宁快三app| www.7ex.cc-用彩铅画美食| www.53271.cc-中国竞彩手机版下载| www.038093.com-金牛彩票app| www.139139.com-共享彩票代理| www.216122.com-体育7星彩中奖规则| www.456863.com-恒彩登录地址| www.887550.com-下彩网正规吗| www.977616.com-彩票跟单骗局| www.gp86.com-福利彩票好彩1玩法| www.22me.com-快三技巧选号| www.3388.cn-捕鱼真钱游戏送彩金| www.9001.me-足彩串场奖金计算器| www.51845.com-大发快三有没有外挂| www.021467.com-七k彩票-| www.111692.com-福彩游戏帮投是什么| www.183354.com-中国福彩3d走势图| www.122421.com-乐彩彩票苹果手机| www.206641.com-正规福彩快三app| www.279179.com-福彩三d开机号大全| www.355406.com-五分彩规律-| www.jv8.com-幸运彩二-| www.054770.com-中国彩app下载| www.184177.com-河北快三套同选| www.289666.com-开乐彩-| www.386508.com-178彩票虚拟充值| www.559542.com-牛彩网3d杀号定胆| www.619015.com-体彩机器过户| www.678322.com-乐彩论谈手机版| www.780523.com-快三权威平台真假| www.855322.com-彩种最多的平台| www.907230.com-体彩7位数开| www.962758.com-彩皇网我的注册| 亿龍彩票www.1368b.cc| www.xx9.com-彩神大发快三入口| www.sv08.com-高手彩坛资料大全| www.98is.com-彩票dna检测软件| www.684906.com-彩报中-| www.778574.com-8彩票网址-| www.865420.com-体彩票开奖结果查询| www.939138.com-cp599彩票-| www.982424.com-同城彩票是正| www.cp781.com-可以玩快三的app| www.49885.com-神计划人工时时彩| www.059198.com-篮彩比分差-| www.158026.com-足彩19037推荐| www.8yr.com-体彩终端机培训教程| www.0531.in-app买彩票-| www.36691.com-澳彩水位划分| www.911673.com-中国福利彩票怎样玩| www.973951.com-竞彩模拟投注| www.cai7888.com极速快三稳赚| www.146666.com-1彩票-| www.139412.com-享彩彩票-| www.252259.com-旺彩双色球最新软件| www.346604.com-爱彩走势图-| www.ba89.com-竞彩最稳的买法| www.pm74.com-彩经网3d综合走势| www.26si.com-万博竞彩软件安全吗| www.268161.cc-一分快三大小走势图| www.1251.org-彩票11内蒙古| www.25867.com-聚彩彩票是什么| www.007377.com-体彩乐五规则| www.121303.com-彩票网计划群| www.223554.com-福利彩票老师| www.ou15.com-北京快三买单双| www.33gh.com-彩票几点停止| www.2438.vip-彩虹六号围攻女角色| www.23195.cc-中超彩票app| www.84811.com-5oo彩票网pc版| www.085318.com-正规彩票网址| www.209789.com-玩快三怎么玩能挣钱| www.308399.com-哈尔滨逸彩快三预测| www.373067.com-新浪爱彩足球胜负彩| www.443308.com-专业玩彩今天预测| www.521715.com-来彩网怎么样| www.578615.com-青海体彩一等奖| www.639999.com-同裕彩票-| www.732372.com-重庆结婚不收彩礼| www.798678.com-彩友多官网下载| www.872452.com-福利彩票贵州| www.940096.com-博友彩苹果版| www.983645.com-网络彩票举报电话| www.cp8011.com-广西快三遗漏| www.wo62.com-彩票快三助手app| www.04cr.com-油性玫瑰彩铅画教程| www.74400.cc-彩票平台制作排名| www.870229.com-彩之云骗局-| www.999580.com-中国体彩排列五中奖| www.lc21.com-购彩是啥-| www.41wp.com-足彩258官网| www.1664.vip-恒彩彩票官方网站| www.15546.com-3d彩票几点开了| www.52296.cc-足球彩预测app| www.86277.com-彩家开彩-| www.037556.com-体育彩票足彩| www.110723.com-js518全彩漫画| www.177024.com-彩票开奖查询快3| www.250358.com-中原彩票注册邀请码|