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.170702.com-湖北福利彩票走势图| www.2016.me-河南福彩招聘| www.608237.com-中国体彩直播频道| www.8003.cm-萧华博彩-| www.lh85.com-彩票巴士正规吗| www.30070.cc-体彩排列5直播现场| www.77857.cc-体育彩票客服电话| www.082263.com-网赌时时彩害死我了| www.552522.com-彩票出票查询| www.691955.com-乐乐彩票下载| www.654502.com-职业时时彩玩家心得| www.788148.com-褔彩3d三字决论坛| www.232785.com-彩票30期-| www.337644.com-网上玩彩票心得体会| www.552316.com-快赢彩票网-| www.658878.com-云南时时彩开奖纪录| www.166832.com-福彩快三官网| www.520199.com-众彩网快三是合法吗| www.608577.com-送28元红包时时彩| www.180287.com-福彩快三查询结果| www.338789.cc-6118彩票网-| www.919895.com-彩乐乐对大乐透杀号| www.zq69.com-博彩怎么刷流水赚钱| www.37937.cc-顶尖彩票app下载| www.362181.com-3d彩票开机号查询| www.28617.cc-快彩网电子走势图| www.9zd.com-体育彩票一共多少号| www.961197.com-竞彩猫今天直播| www.c4.cm-快三买大小赔多少| www.984034.com-彩99赢几十万| www.fw71.com-彩神uv平板打印机| www.306549.com-澳发彩票是不是真的| www.339479.com-速盈彩是什么| www.484504.com-体彩数据库系统| www.868.in-马可彩铅-| www.062675.com-盈彩在线怎么下载| www.162313.com-100彩票下载| www.241957.com-彩票旗舰网-| www.316004.com-闵行竞彩店-| www.380530.com-首充8元送彩金| www.474565.com-美国快三下载安装| www.553478.com-体彩模拟投注| www.615653.com-大家相信彩票机吗| www.41402.com-什么人喜欢买彩票| www.99566.com-河北任五中奖彩票| www.766225.com-风彩彩票天天有惊喜| www.850049.com-分分彩号码计算公式| www.912235.com-大发彩票是真的吗| www.980932.com-49彩票官方平台| www.im3.com-vip彩票网-| www.523872.com-北京时时彩是软件| www.19584.com-安徽快三公式| www.133459.com-易彩开奖规律| www.269315.com-三分彩攻略-| www.371914.com-中国彩是什么| www.501229.com-彩票4码多钱| www.588336.com-球彩台阿健-| www.163666.com-乐彩模拟投注| www.hv06.com-重庆快三是真是假| www.92hw.com-彩票工资车流程| www.660712.com-腾讯分分彩龙虎走势| www.815311.com-体彩快中彩开奖查询| www.952005.com-查彩票开奖号码| 大玩家彩票www.84499v.com| www.rc73.com-休彩-| www.11ef.com-百事彩票网是真的么| www.3611.com-鼎誉国际彩票| www.08833.cc-极速彩app下载| www.84146.com-足彩賠率-| www.691669.com-新浪胜负彩必发指数| www.593494.com-七彩阳光预备节| www.718005.com-彩库女装官网| www.196936.com-竞彩唯一漏洞| www.01569.com-申请重庆时时彩代理| www.ci65.com-陕西体彩快乐十分| www.h21.club-体彩神采嘉宾断组| www.228658.com-彩色包装公司| www.356274.com-曼德尔彩票算法| www.483986.com-体育彩票周几开奖| www.643135.com-临沂市福彩中心电话| www.792822.com-彩票中奖了怎么联系| www.914866.com-彩神不让提现| www.95mb.com-一号彩票黑钱| www.44279.com-全民乐彩票可靠吗| www.206456.com-福彩快乐彩规律| www.70730.com-彩票白菜吧-| www.0657.in-九场胜负彩-| www.mq6.com-快三走势怎么看| www.896789.com-彩票自动投注脚本| www.yt97.com-长春市体彩中心地址| www.430699.com-永利彩票网址| www.op02.com-街机快三-| www.82gd.com-天津福利彩票网点| www.7476.cc-天天悦彩骗局揭秘| www.32991.cc-百乐彩娱乐官网| www.8877.hk-黑彩流水返点| www.36794.com-各种体彩的开奖日期| www.89638.cc-广州彩妆加工厂| www.392374.com-雅宝娱乐重庆时时彩| www.544171.com-彩吧图谜5-| www.758074.com-中彩网专家预测汇总| www.906317.com-彩票开奖-| www.989695.com-湖北快三开售时间| www.ph54.com-网上买彩票很多| www.8061.xyz-玩手机彩票怎么回本| www.963711.com-七星彩机选号码一注| www.65378.com-杏彩官网-| www.635.cm-福彩东湖社区网址| www.303278.com-彩票平台哪个安全| www.862530.com-云南体彩票十一选5| www.456587.com-巴厘岛国际彩票官网| www.608772.com-荣鼎彩网页版| www.04ms.com-彩票开奖杳5| www.897995.com-如何购买足彩| www.37bp.com-七星彩百万号杀号| www.05520.cc-彩吧助手开奖公告| www.262609.com-吉林快三代理平台| www.504308.com-奔驰彩票怎样玩呢| www.647073.com-足彩中奖心得| www.196003.com-抚州福彩中心在哪里| www.721756.com-足彩新闻-| www.811519.com-福彩3d8码博客| www.893840.com-清水彩票-| www.963183.com-体彩顶呱刮新票| 凤凰彩票www.77802x.com| www.ja5.com-内苎快三-| www.352332.com-快三总共多少组号码| www.653761.com-中国彩是不是正规的| www.433367.com-ll彩票开奖-| www.078122.com-萬城福彩-| www.727592.com-体彩现场直播视频| 凤凰彩票www.88266k.com| www.969398.com-彩788骗局-| www.16kg.com-蜻蜓广播天天福彩| www.5473.vip-快三每隔几分钟开奖| www.853099.com-台湾威力彩开奖规则| www.951229.com-500足彩胜负| www.cp425.com-凤凰私彩彩票官网| www.962353.com-福彩中心fc开机号| www.137265.com-七彩冰淇淋做法| www.hv96.com-北京彩票中心的电话| www.671243.com-怎么才打开中彩堂| www.23114.cc-网上彩票猜大小| www.43874.com-58彩票网有托吗| www.004747.com-凤凰购彩平台app| www.68136.cc-重庆时乐彩开奖号码| www.152074.com-江苏省体育彩票中心| www.98yf.com-吉林快三历史走势| www.60554.com-51彩虹登-| www.655575.com-买七星彩-| www.734192.com-福彩高频助手| www.903204.com-福彩3d金码试机号| www.970209.com-福彩3d万能七码| 杏彩www.00840i.com| www.874541.com-山西省福利彩票网站| www.11700.com-双色走势图彩乐乐| www.002271.com-七乐彩能买七个号码| www.910281.com-彩吧彩报预测版| www.970155.com-网易花田彩票托| 500彩票www.359500.com| www.pi50.com-中国足彩彩富310| www.815885.com-三分彩平台-| www.881984.com-稳定的彩票平台制作| www.948016.com-四川体彩中心官网|