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.2194.vip-彩票33赢-| www.511071.com-哭着笑彩虹什么歌曲| www.f10.cc-青岛福彩中心地址| www.719110.com-中彩吧怎么样| www.864057.com-体彩任选九开奖结果| www.984320.com-彩八彩票是真是假| www.gu93.com-彩票绝密出号算法| www.k51.club-福彩论坛一东湖社区| www.64qt.com-手机版平安彩票网| www.3634.cc-利鑫彩票平台代理| www.173126.com-江西快三一定牛| www.301830.com-今晚开什么奖七星彩| www.386759.com-牛彩网彩票网站| www.034555.com-网上彩票平台合法吗| www.82994.com-二串一足彩玩法| www.209785.com-彩神v下载-| www.299048.com-彩票走势图意义| www.380103.com-彩金怎么接-| www.243809.com-手机版8号彩票| www.126210.com-上海体彩最新app| www.505378.com-开门红博彩王| www.619992.com-天下彩网站-| www.872837.com-延安市福彩中心兑奖| www.957888.com-北京爱彩乐快3| 皮皮彩www.153680.com| www.234727.com-江西快三前二奖结果| www.830896.com-浦东彩票点-| www.3119.xyz-彩牛网开奖直播| www.986756.com-竞彩篮球比分推荐| 13e彩票www.815870.com| www.488756.com-竟彩澳客推荐新浪| www.258105.com-网投彩票-| www.374298.com-天下彩txcpcc| www.523190.com-彩93彩票提现| www.910058.com-福彩3d百万通下载| www.06908.com-懂彩宝-| www.88030.com-香港五分彩可靠吗| www.950317.com-鸿鼎彩票app下载| www.sj8.cc-福彩开奖结果查询| www.2249.cm-五分彩开奖结果查询| www.zr67.com-哪里可以玩时时彩| www.60xv.com-中国福彩3b彩图| www.00594.com-易彩彩民福地代理| www.365372.cc-80官方彩票网| www.473957.com-南方福彩网软件下载| www.1949.net-排列三贵阳之彩杀码| www.338462.com-中山体彩最新转让| www.6324.cm-大发快三就计算公式| www.18925.cc-3d下载福彩-| www.42088.cc-安装彩钢瓦价格| www.818936.com-绵阳福彩机转让| www.995034.com-最近福利彩票事件| www.582566.com-体彩屋网址-| www.700411.cc-大发专业购彩平台| www.630076.com-金阳彩票乐娱平台| www.92mn.cc-网赌刷彩金-| www.488575.com-中国乐彩彩网| www.28cm.com-四川彩票快乐12| www.969247.com-福彩3d中奖计巧| www.72020.cc-发财猫七星彩手机版| www.882397.com-五分彩是哪里开的| www.ej6.com-彩牛网天下彩票| www.811872.com-开奖公告千亿彩票| www.894733.com-优彩网官网登录| www.969094.com-彩虹计划真的假的| 大赢家彩票平台www.902261.com| www.12az.com-境外彩票app开发| www.879917.com-极速彩3-| www.3od.com-广东新粤彩报纸| www.657946.com-彩球碰撞-| www.476655.com-彩西-| www.67068.com-冮苏老快三-| www.991682.com-彩吧vip登录| www.kk06.cc-安徽快三是什么| www.h81.me-新华彩票平台| www.01nx.com-彩虹六号耶格名字| www.690489.com-…中国足彩网| www.819720.com-河南省彩票兑奖| www.896633.com-篮彩看盘技巧| www.970654.com-福彩3b和直走势图| 大赢家彩票平台www.763236.com| www.mj53.com-五分快三助手| www.31hq.com-网易竞彩比分直播| www.54277.com-福利彩票国家挣钱吗| www.306566.com-123天空彩票开奖| www.pk78.com-彩乐乐彩票线路导航| www.650157.com-带玩彩票软件| www.791047.com-时时彩投注机器人| www.885895.com-彩霸王论坛-| www.951126.com-天天彩票网下载| www.997293.com-时时彩彩八仙手机版| www.ad47.com-体彩开奖查询彩| www.yk97.com-跟群买彩票-| www.707928.com-大发快三大神带回血| www.8687.me-福利彩票双色球中彩| www.009246.com-体彩开奖号码是多少| www.92804.com-广东利彩五金塑料| www.441855.com-体育彩票七星彩定位| www.679827.com-今日内蒙快三走势图| www.818459.com-有没有彩票高手| www.955655.com-微彩娱乐app登录| www.fj36.com-谁要正规博彩软件的| www.4433.xyz-众亿彩票app下载| www.48146.com-竞彩足球购彩软件| www.983748.com-爱上彩票app| www.560034.com-481彩开奖-| www.671281.com-体i彩-| www.804544.com-彩票代购-| www.917120.com-彩票33靠谱吗| 网易彩票www.36788v.com| www.rb73.com-甘肃快三全天计划| www.86367.cc-官方彩票3d下载| www.287513.com-优彩区44oo44| www.29vh.com-今天晚上福彩什么号| www.509532.com-易算彩-| www.241568.com-河北快三在线购买| www.3870.org-星彩网网址多少| www.373345.com-新版凤凰彩票| www.801762.com-86彩票app下载| www.929250.com-幸运时时彩开奖结果| 汇彩网www.www.hcw266.com| www.842106.com-体彩助推足球发展| www.927667.com-体彩高效订票| www.979484.com-彩票平台送18彩金| www.cp833.com-內蒙古时时彩| www.465515.com-5d彩超设备价格| www.238682.com-网上玩分分彩必输| www.21yr.com-喜来登彩票下载安装| www.423779.com-三国演义星彩| www.518737.com-11选5旺彩-| www.571026.com-大红鹰彩票在线充值| www.637371.com-彩虹三无人机出口| www.0477.date-c彩61登录-| www.057382.com-极速赛车彩票软件| www.217120.com-福彩三地-| www.9045.cc-竞彩同赔查询| www.pj12.cc-119彩票-| www.079718.com-员工中彩票-| www.187921.com-生肖彩票怎么买| 彩多多www.78949t.com| www.91921.com-顺丰彩票中奖率低| www.057966.com-乐彩1分快3规律| www.008934.com-七星彩高手交流专区| www.114424.com-什么彩票app好用| www.11401.com-青海福彩3d微信群| www.450392.com-聚彩51-| www.822511.com-爱博彩票222| www.502971.com-678彩票靠谱吗| www.320218.com-福彩快三网幸运快三| www.423530.com-张星彩与沮授强度| www.543688.com-播彩老头-| www.117696.com-搜狐彩票走势图大全| www.563772.com-每年今天福彩出奖号| www.631271.com-杨震足彩博客| www.709377.com-创名彩票是正规的吗| www.260307.com-三分快三计划软件| www.495121.com-四平彩票站出兑转让| www.659083.com-91彩票是正规的吗| www.157018.com-分分彩亏钱怎么回本| www.60407.com-中彩票八字-| www.39912.cc-手机彩票巴巴| www.595063.com-彩域传奇专家专栏| www.228557.com-河南规定彩礼| www.92208.com-中国福利彩票好彩2|