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.692075.com-高频彩哪个平台可靠| www.64484.com-竞彩足球下载| www.243377.com-排列七体彩开奖结果| www.275891.com-时时彩五期倍投方案| www.362192.com-描写彩虹谷的作文| www.451593.com-太原彩票中心| www.jq32.com-快三为什么老是输| www.x18.space-中彩网大乐透开机号| www.65ev.com-下载老杜说彩| www.ix67.com-安徽体彩七星彩开奖| www.14ip.com-重号七星彩票| www.591259.com-5acpw彩票网| www.682400.com-足彩哪里买可靠| www.783959.com-澳门福乐彩-| www.860159.com-博众时时彩手机软件| www.925167.com-一分分彩-| www.984838.com-福彩网提现-| www.mo0.com-广西快三预测号码| www.qz26.com-体育彩票机选| www.870443.com-快三固定图-| www.984910.com-炫彩快线-| www.bj10.com-黑客黑入彩票平台| www.k13.biz-福利彩票双色球购买| www.062459.com-江苏快三大小倍率| www.145316.com-中国彩吧助手走势| www.247355.com-乐彩网3d-| www.318653.com-3分时时彩计划在线| www.903629.com-彩世界租房-| www.cx7.com-福彩理念-| www.zt99.cc-彩票分析软件排行榜| www.45ng.com-篮球彩票预测虎扑| www.238983.com-彩票黑平台有哪些| www.358263.com-19彩票下载-| www.461911.com-3d天天彩图片| www.618930.com-刮刮彩透视-| www.731593.com-福彩二十选三| www.817950.com-足彩19024对阵| www.900030.cc-天天彩票好吗| www.965486.com-黑龙江福彩网官网| 必发彩票www.755096.com| www.w06.cn-彩票欲出几率| www.51dx.cc-500理财彩票| www.4891.vip-足彩弟19043期| www.17832.cc-竞彩错一场圈套| www.59577.com-体彩快3开奖时间| www.013020.com-彩票高返点代理注册| www.083060.com-各省份快三时间| www.153929.com-足球博彩高手心得| www.231644.com-中福快三计划下载| www.299977.com-彩票趋势吧-| www.364110.com-福彩兑奖需要什么| www.444373.com-三d家彩网胆码| www.528772.com-复式彩票什么意思| www.286271.com-公益福彩app骗局| www.370598.com-四季彩安卓手机版| www.460751.com-家彩开机号试机号| www.549536.com-下足彩哪个网站好| www.620561.com-世界彩票发展历史| www.90292.com-体彩超级大乐透直播| www.108735.com-买彩票把钱输光了| www.254001.com-福建福彩网3d| www.382059.com-点半进入精彩内容| www.568343.com-东北七彩快三开奖| www.713369.com-百事彩票合法吗| www.878427.com-福利彩票五行属性| 六福彩票www.66fft.com| www.2839.com-七星彩全国可领吗| www.198484.com-彩神iiapp-| www.766642.com-福彩选4开奖| www.835660.com-好彩一开奖时间| www.950796.com-快三秒多少千瓦| www.908606.com-足球彩票玩法说明| www.33hy.com-粤海七星彩票论坛| www.8849.me-福彩15选五开奖号| www.059104.com-新浪足彩即时比分| www.358230.com-怎样下载时时彩宝典| www.607626.com-买彩票截止到几点| www.918883.com-香港博彩及彩票税| www.66573.cc-时时彩官方正规平台| www.147011.com-必中时时彩全能计划| www.329557.com-牛彩网独胆王| www.638234.com-上海竞彩店申请| www.959064.com-江苏e球彩下载| www.85iz.com-福彩3d胖哥说彩| www.9007.cm-下载安徽福彩网| www.009900.cc-华彩平台是什么| www.179690.com-辽宁体彩网-| www.339080.com-2018年开马彩| www.681505.com-豪彩注册-| www.yz15.com-兰州福彩中心在哪里| www.37679.cc-彩乐乐专家推荐快3| www.051393.com-500购彩下载地址| www.9887.org-河南福彩中心怎么去| www.104032.com-港版红好彩-| www.132018.com-18067期足彩| www.841290.com-福彩内部号是真是假| www.495706.com-谨慎博彩公司| www.40952.com-彩拾彩票官网下载| www.525564.com-有哪些时时彩平台| www.5300.xyz-腾讯分分彩四星秘密| www.75377.cc-买网络彩票发财| www.095009.com-鬼六口诀彩吧图库| www.234836.cc-福彩3d中奖结果| www.358438.com-手机时时彩平台搭建| www.560867.com-香港49码彩票| www.616746.com-银航时时彩登录网址| www.358451.com-彩宝网8200cn| www.017565.com-广西福彩网-| www.931639.com-李永乐老师揭彩票| www.361698.com-彩票网站充值追回| www.464357.com-体彩在哪里看中奖| www.209551.com-贵州快三开奖计划| www.558937.com-彩虹屁文案大段| www.539105.com-产品彩票促销| www.935683.com-时时彩定胆技巧| www.679156.com-赌时高频彩输了三万| 55彩票www.755864.com| www.65633.com-彩票生肖选号器| www.576381.com-唐山体彩兑奖中心| www.060632.com-87体彩店app| www.06346.com-网上投资彩票| www.315748.com-重庆吋时彩开奖视频| www.565889.com-送跳槽彩金的网站| www.cp3757.com-北京快三区间路线| www.0876.in-乐发彩票平台官网| www.382939.com-彩昫香江项目| www.916901.com-永盛彩票手机登录| www.630658.com-常跟版彩报图今天| www.420220.com-彩票店装修图片| www.947469.com-福彩3d在线计划| www.228138.com-致富彩票官方网站| www.990341.com-多乐彩网站-| www.04qd.com-彩铅不好叠加颜色| www.46020.com-福彩3d谜底图| www.067480.com-彩票店会打假彩票吗| www.166799.com-北京快三开奖视频| www.960646.com-98时时彩登录平台| www.vu28.com-什么是惠民彩票| www.303022.com-福彩3d奖项规则| www.007765.com-彩客彩票手机下载| www.70da.com-财富彩票网址| www.5166.xyz-聚宝快三正规吗| www.82111.cc-8号彩票是马云的吗| www.144642.com-安徽快三分布走势图| www.365471.cc-福彩3d彩诗迷| www.528116.com-赢彩网软件-| www.688381.com-广州福彩网点查询| www.798825.com-河南体彩泳坛| www.2835.in-ip代打彩票-| www.119059.com-湖北福彩官网下载| www.237638.com-中国足球体育彩票| www.89178.com-看彩票的软件| www.72pe.com-福彩3蓝精灵a| www.082187.com-888彩票骗局| www.480080.com-时时彩怎么买单双| www.219159.com-福建福建福彩网| www.517464.com-爱迷彩app-| www.237561.com-天天彩票大发快三| www.791604.com-京东彩票在哪里买| www.707926.com-足彩310如何| www.86627.com-福彩动物总动员技巧| www.039318.com-购彩网是真的吗| www.nm37.com-彩票选号网站| www.62ti.com-牛彩3d布衣天下图|