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天

知道了
1分快三 www.751348.com-今日彩怎么样| www.868327.com-亿彩堂-| www.957061.com-手机彩票自动挂机| 大赢家彩票平台www.351731.com| www.132989.com-篮球彩票在哪买| www.243006.com-手机购买彩-| www.171754.com-七星彩开奖结果| www.251186.com-彩8苹果版-| www.689608.com-福彩字谜总汇全图| www.892997.com-快三的玩法和规则| www.984865.com-彩票模拟摇奖器下截| www.905139.com-太原彩票站转让| www.579500.com-体彩排列预测结果| www.667240.com-香港有赛马彩票| www.027276.com-易彩票1-| www.143590.com-长城彩票娱乐| www.163039.com-唐龙说彩-| www.03766.com-辽宁省彩票发行中心| www.950254.com-易赢彩票官方网站| www.gb19.com-购乐彩-| www.360499.com-彩影下载手机版| www.226739.com-彩吧论坛乐彩网| www.068019.com-彩票模拟打印系统| www.75337.com-竞彩8串56多少钱| www.188671.com-什么叫彩票屠龙计划| www.294344.com-体彩断组-| www.385606.com-今日体彩开奖吗| www.200340.com-123会员彩票| www.290628.com-云彩宝彩票下载| www.381511.com-百合男骗局彩票股市| www.358822.com-新浪体彩下载软件| www.132806.com-彩色压印混泥土| www.xc43.com-七星彩冷热号分析| 彩票5www.542116.com| www.94xr.com-女网友让买彩票| www.6858.me-彩票挑码软件| www.45583.com-彩薇花护肤品怎么样| www.609029.com-赛后结果及派彩| www.870321.com-被阿里彩票骗了咋办| www.981252.com-排列三新彩网预测| www.ln29.com-官方旺彩双色球软件| www.632171.com-599彩票投诉| www.806929.com-浙江福彩销售点申请| www.957957.com-七星彩包码公式| www.495603.com-苹果购彩app| www.203152.com-安微快三开奖| www.325952.com-亚博彩票香港| www.429783.com-水彩教-| www.553401.com-足彩改期怎么算| www.625587.com-珠江彩票app下载| www.691013.com-足球竞彩比分360| www.773364.com-竟彩心得经验| www.851652.com-经彩出行退押金| www.918577.com-苹果手机上彩票软件| www.975523.com-重庆市彩后三走势图| www.tm.com-福彩下载安装| www.680662.com-35彩票官方-| www.5485.vip-家彩网胆码胆码预测| www.1760.cm-福彩网324-| www.436492.com-陕西体育彩票app| www.588700.com-七星彩奖直播视频| www.673502.com-快三和值跨度| www.753281.com-澳发彩票手机版下载| www.826182.com-新浪乐彩下载| www.892578.com-彩票软件哪个最可靠| www.958574.com-七星彩够力奖规律图| 中国福利彩票www.33588g.com| www.323128.com-马来分分彩规律| www.nz90.com-竞彩九场开奖奖金| www.369446.com-611彩票-| www.537295.com-彩票类别-| www.672318.com-全民彩票官方下载| www.584562.com-捕鱼送彩金能退钱| www.606189.com-旺彩专家推荐号| www.945855.com-中国体彩刮刮乐种类| www.ty94.com-足彩8串1怎么算| www.3154.xyz-kc8开彩吧下载| www.720308.com-七星彩杀号方法| www.835502.com-福彩双色球迷会总图| www.979605.com-好彩香烟哪里有卖| www.dv4.com-快三开奖助手破解版| www.350519.com-冠军彩票手机版| www.486669.com-高频彩票计划| www.565189.com-今天的彩吧图第一版| www.415986.com-竞彩今日推荐号码| www.543863.com-福彩26期开奖号码| www.671425.com-万彩论坛-| www.743173.com-糖果派对彩金图片| www.813438.com-3d福彩电脑板| www.885265.com-七星彩中4个号有奖| www.953435.com-好彩一开奖预测号码| 500彩票www.374677.com| www.lk88.cc-彩8在线下载| www.215682.com-网上快三网站| www.413112.com-彩色铝板厂家| www.509671.com-排列三预测家彩论| www.998323.com-易博彩票安全吗| www.sw10.com-彩票老师-| www.01312.com-竞彩足球胜负平计算| www.920033.com-福彩十二选五| www.lg13.com-彩票界-| www.8308.loan-500彩票网预测| www.861526.com-腾讯时时彩网页计划| www.976000.com-三动三不动彩礼| www.42qy.com-随洲福彩快三论坛| www.ly53.com-华宇彩票网站| www.755281.com-中彩网怎么投注| www.834892.com-绿好彩薄荷味| www.915833.com-体育彩票代理加盟| 天玺彩票www.523780.com| www.730483.com-网络彩票代理返点| www.287250.com-彩票亏损返佣金平台| www.509272.com-万城彩票注册做兼职| www.786023.com-江苏快三彩网交易| www.984283.com-糖果彩网站-| www.9200.loan-浙江福彩双色球搜狐| www.773784.com-中国福到彩票| www.848817.com-皇家时时彩软件下载| www.911573.com-中乐彩平台-| www.969348.com-上海快三三不同遗漏| 55世纪www.271902.com| www.208951.com-彩81-| www.540554.com-山东福彩群英会下载| www.906505.com-跟彩票有关的成语| www.cp229.com-兰州快三走势一定牛| www.6930.in-七彩视界会员靠谱么| www.12009.com-江苏福彩手机投注网| www.267265.com-欢迎来到500彩票| www.g40.net-精彩十分推荐号码| www.874178.com-彩票代销者-| www.0373.xyz-体彩双色球开奖号码| www.628975.com-好彩3实战技巧| www.852003.com-福利彩票可糊弄人| www.964004.com-上海的福彩网| 新盈彩www.xinyc2.com| www.tr8.com-江西快三技巧| www.193990.com-大发快三怎样追豹子| www.39875.cc-彩票巴士是真的吗| www.wl41.cc-中彩在线是骗人的吗| www.rs13.com-彩票中大奖兑奖快吗| www.374004.com-三d藏机图新彩吧| www.9757.biz-安然七星彩众彩网| www.553630.com-上海快三几点结束| www.631223.com-3218彩城-| www.697682.com-时时彩总和大小计划| www.768243.com-万彩吧彩-| www.833953.com-黄金8彩票破解方法| www.326188.com-彩宝网3d近30集| www.yf87.com-派彩电子走势图电视| www.rp31.com-2019彩票整顿| www.975524.com-湖南省福彩中心域名| www.599928.com-天天中彩票不违法么| www.209567.com-黑彩为什么总是输| www.380669.com-众彩娱乐-| www.622806.com-3d彩票几天一开奖| www.399969.com-单县体彩在哪里买| www.03809.com-买彩票下载哪个软件| www.56112.com-七星彩能不能中奖| www.731637.com-8k彩票平台官网| www.637964.com-附近的竞彩店| www.751432.com-六开彩开奖记录白姐| www.970920.com-鲨鱼影视迷彩兔| www.el47.com-老快三专家杀号定胆| www.895595.com-高频彩微信骗局|