JS模式对话框 SubModal

最近在网站上加了好多的前端的东西。不是因为我了解前端,相反是因为我对前端还比较陌生。找的这些东西时不时的都会在做网页的时候用到。我们不像那些大公司大网站都有专门的前端,后端,交互设计师,我们只是小打小闹分工也不怎么明确了。说是做程序的,就一锅端了...

SubModal

官网:http://sublog.subimage.com/articles/2006/01/01/subModal

解压缩,把subModal.css放到根目录下的CSS文件夹里。common.js,subModal.js放到根目录下的JS文件夹里。loading.html:放到和调用者相同的目录。close.gif:放到和调用者相同的目录里面,否则的话要改subModal.js里面initPopUp函数中的图片的路径。maskBG.png:和subModal.css相同的目录,否则修改
background-image/**/: url("maskBG.png")

    <link rel="stylesheet" type="text/css" href="CSS/subModal.css" />
    <script type="text/javascript" src="JS/common.js"></script>
    <script type="text/javascript" src="JS/subModal.js"></script>
这几句放到header里面。调用模式窗口的方法: showPopWin('your_url_here.html', width, height, callback_function);

调用的例子:(以模式窗口打开product.aspx)

   <a href="#" onclick="showPopWin('<%=Page.ResolveUrl("~/product.aspx")%>',650,500,null)">
   <b>产品</b></a>



文章来自: 本站原创
Tags:
评论: 11 | 查看次数: 10836