Html5点击按钮弹出罩层窗口_jQuery弹出层登录和注册
2015-06-03 11:01:15  By: dwtedx

本Demo是一个jQuery开发的点击鼠标、弹出登陆框和注册框的效果、采用扁平样式风格、与现在的流行元素非常接近、其实就是jQuery弹出层登陆框特效、运行效果如下

jQuery鼠标点击弹出登陆框效果


<div class="box2">
	<div class="login5">
    	<h2>登录</h2>
        <a class="close"></a>
    </div>
    <div class="login51">
    	<form name="login5form" action="">
        	<div class="login5left">
            	<span></span>
                <div class="login5left1">
                	<input type="text" name="username" 
				placeholder="用户名/手机号/邮箱" /></input>
                </div>
                <div class="login5left1">
                	<input type="password" name="user_possword" 
				placeholder="密码" /></input>
                </div>
                <div class="login5left2">
                	<a class="dl">登录</a>
                    <a class="wjmm">忘记密码</a>
                </div>
            </div>
            <div class="login5right">
            	<span></span>
                <div class="login5right1">
                	<a class="sjdl">手机短信登录</a>
                </div>
                <div class="login5right2">
                	没有账号?<a class="zcdl">快速注册</a>
                </div>
                <div class="login5right3">
                	<b class="found"></b>
					合作账号登录<b class="back"></b>
                </div>
                <div class="login5right4">
                	<a class="wb"></a><a class="qq"></a>
                </div>
            </div>
        </form>
    </div>
</div>


jQuery代码

$(´.one´).click(function(){
	$(´.box2´).show();
});
		
$(´.login5 a´).click(function(){
	$(´.box2´).hide();
});


CSS部分的代码我这里就不贴出来了、大家可以下载源代码查看、另外要说明一点的就是必须要引入JQuery的库哈
源代码下载链接: http://dwtedx.com/download.html?bdkey=s/1mgxKJNy 密码: 1gth

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


技术评论

  • 该技术还没有评论、赶快抢沙发吧...
DD记账
top
+