弹框内容:
<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();
});
});




写博客不仅是一种习惯,更是一种沉淀。