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(' www.aiwalls.com .html', width, height, callback_function);

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

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

from:gaohui blog

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *