JS模式对话框 SubModal

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 06:27 点击:

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

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.2cto.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

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • Gb2312转utf-8编码的方法(vbs+js)
      • 如何使用Ajax技术开发Web应用程序(1)
      • js跳转路径问题
      • JavaScript模仿桌面窗口
      • 用js检测两个线段是否相交
      • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
      • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
      • 我是如何去了解jquery的(六),案例之幻灯片轮换
      • Jquery封装幻灯片效果
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1