万能WEB弹出框，js随意适配

<head> <title>jquery点击弹出登陆窗口</title>

jQuery(document).ready(function($) {

$('.theme-login').click(function(){

	$('.theme-popover-mask').fadeIn(100);

	$('.theme-popover').slideDown(200);

})

$('.theme-poptit .close').click(function(){

	$('.theme-popover-mask').fadeOut(100);

	$('.theme-popover').slideUp(200);

})

})

</head> <body> 

 <div class="theme-poptit">

      <a href="javascript:;" title="关闭" class="close">×</a>

      <h3>登录 是一种态度</h3>

 </div>

 <div class="theme-popbod dform">

       <form class="theme-signin" name="loginform" action="" method="post">

            <ol>

                 <li><h4>你必须先登录！</h4></li>

                 <li><strong>用户名：</strong><input class="ipt" type="text" name="log" value="jq22" size="20" /></li>

                 <li><strong>密码：</strong><input class="ipt" type="password" name="pwd" value="***" size="20" /></li>

                 <li><input class="btn btn-primary" type="submit" name="submit" value=" 登 录 " /></li>

            </ol>

       </form>

 </div>
</body>
posted @ 2021-06-11 13:00  爱笑的加油怪  阅读(87)  评论(0)  编辑  收藏  举报