本篇文章同样是以jquery为基础的,模拟模式对话窗口,还是老习惯看一下运行窗口让您明白这是个什么东东。页面初始运行效果如图1,注意左侧的滚动条是存在的如果用户单击修改连接则弹出一个模拟对话窗口如图2所示,左侧的滚动条是消失的,用户只能单击关闭才能回到原来页面。
      JAVASCRIPT模拟模式对话窗口
图1
JAVASCRIPT模拟模式对话窗口
图2
      实现这样效果首先引入jquery.js类库,然后自己对其编码,以jquery的一个插件形式编码,具体的JavaScript代码如下所示。
$.fn.extend({
   showdiag:function(diagwidth,diagheight,intopacity,srcurl){
    var enabled='<div ).click(function(){$(document).showdiag(630,500,0.6,'http://www.163.com')});

    });
</script>
其中"showxx"为修改所在a标签的id.<a href="javascript:" >修改</a>

相关文章: