zoukankan      html  css  js  c++  java
  • artDialog自定义弹框

    弹框内容:
    <
    div class='boxy' style="display:none;" id="boxy"> //将div设置成隐藏效果 <form id='jvForm' method='post' action='/fcms/LoginAloneSubmit.jspx' target='loginframe' onsubmit='return checkInfo();'> <div class='boxy-div1'> 用户名:<input id='username' class='input1' name='username' type='text' style='color:#666666' /> </div> <div class='boxy-div1'> 密 码: <input id='password' type='password' class='input1' name='password'/> </div> <div class='boxy-div2'> 使用其他网站账号登录: <a href='/sites/login/weibo1.htm' target='_blank'><img src='/image/sinalogo.png' width='20px' height='20px'/></a>&nbsp; <a href='/sites/login/qq1.htm' target='_blank'><img src='/image/qqlogo.png' width='20px' height='20px'/></a><br/> <input type='hidden' name='redirectUrl' value='http://${web.domain}/lala/LaTopicDetail.htm?fid=${fid}&aid=${aid}'/> <input type='submit' class='btn1' value='登&nbsp;&nbsp;录'/> <input id='cancer' type='button' class='btn1' value='取&nbsp;&nbsp;消'/> </div> </form> </div>

    补充:为了更好的调试页面上JS效果,可以在html页面内的JS脚本里加入

    console.log(document.getElementById("boxy"));

    接下来引入artDialog.js和default.css,然后呢就是如何使用插件了。

    $("#login").bind("click",function(){
                            var dialog = art.dialog();
                             dialog.title('快捷登录');
                             dialog.lock(true);
                             dialog.content(document.getElementById("boxy"));
                             $("#cancer").click(function (){
                                dialog.close();
                              });
                        });
    写博客不仅是一种习惯,更是一种沉淀。
  • 相关阅读:
    字符匹配算法之KMP
    rabbitmq_hearbeat
    rabbitmq_config
    postgres SQL编译过程
    postgres启动过程分析
    postgres源码目录结构
    Js两种post方式(转)
    PHP-MySQL,PHP-MySQLi,PDO的差异
    CSS属性中Display与Visibility的不同
    PHP中include路径修改
  • 原文地址:https://www.cnblogs.com/xmaomao/p/3154522.html
Copyright © 2011-2022 走看看