当前位置：首页 > 设计在线 > 网页设计 > Javascript > 普通弹出窗口简易制作

普通弹出窗口简易制作

点击次数：19 次 发布日期：2008-11-26 22:59:39 作者：源代码网
源代码网推荐

以前我们曾介绍过制作弹出窗口的制作方法，网上也有过类似于制作的方法介绍。其实在实际工作中，我发现，不必为每个链接定义一代码，这样可以减少很多的重复代码。只需预先使用JS定义好弹出窗口的属性，在链接处引用一下就能简单的制作出效果来。

制作方法：
在<body>中，预行定义属性代码：
<SCRIPT language=JavaScript>
<!--//
function OpenWindow(url)
{window.open(url,null,"height=180,width=300,status=no,toolbar=no,menubar=no,location=no");
}
//-->
</SCRIPT>
在页面的链接处引用一下ＪＳ，代码如下：<A href="JavaScript:OpenWindow("xx.htm")">
这样，我们就制作出了简单的弹出窗口的效果。
另外，还可对代码中进行改动，产生新开窗口效果：
{window.open(url,"_blank","height=180,width=300,status=no,toolbar=no,menubar=no,location=no");
}

至此，我们的效果便制作好了，你不仿试试！


源代码网供稿.
网友评论 (0)
我也要写评论
会员中心
设计在线
本站推荐
设计在线之精华