JqModal的使⽤
这⼏天要实现⼀个模态对话框的效果，于是去⽹上Jquery插件，最后到了JqModal，但是由于本⼈英语⽔平有限，所以官⽹上看的不是很明⽩，研究了半天终于解决了要实现的问题。下⾯把实现的过程贴上！
第⼀步：新建⼀个项⽬，在项⽬的根⽬录下创建CSS和Js⽂件夹，把相关的资源⽂件粘贴到项⽬⾥。⽬录结构如下
其中要⽤到的 有jqModal.css    dimensions.js  jqDnR.js    jqModal.js  jquery-1.2.6.js 这些⽂件在⽹上都可以下载到！
第⼆步：把相关的⽂件拖到⽂件⾥引⽤
第三步：由于要显⽰的是模态对话窗⼝，所以新建⼀个A标签和 DIV，在点击标签的时候显⽰DIV.
<a href="#" class="jqModal">view</a>
parsec教程<asp:Label ID="Label1" runat="server" Text="text"></asp:Label>
<div class="jqmWindow" id="dialog">
编辑器是干什么的<a href="#" class="jqmClose">Close</a><br>
sdsdsadsadsadsadsad
<br />
sadasdsadsadsadd
自定义toast
<input type="text" size="15" value="I get focus" id="shousuo" />
<input id="Button2" type="button" value="提交" οnclick="return shuju()" />
</div>
注意DIV的Class名称，以及A标签的名称 ，然后我们定义了⼀个label，在弹出对话框上加了⼀个⽂本框个button按钮，这样进⾏和页⾯的交互，另外，要增加这段Js脚本
<script type="text/javascript">源码程序是什么意思
$(function () {
$('#dialog').jqm({ modal: true });  //modal属性限制⿏标操作
batterystatusext超频
$('#dialog')        //jqDrag⽅法可以进⾏拖拽
.css('opacity', 0.9)    //设置对话框透明程度
.jqDrag();
});
function shuju() {
$("#Label1").append($("#shousuo").val());
}
</script>
jquery下载文件插件
jqm⽅法是显⽰模态对话框的，jqDrag是进⾏拖拽的⽅法，另外，不同的Jquery版本可能会有问题，这个1.26是测试过没有问题的，好了，下⾯已经成功

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。