overlib 很好用的JS显示信息框

js包下载： http://www.bosrup.com/web/overlib/?Download

应用：overLIB 使用非常的简单。

一、在<head></head> 标签内添加： <script type="text/javascript" src="overlib.js"></script>

二、在<body></body>标签内添加：<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>

三、生成两种不同款式(popup与sticky)的弹出页面

<a href="javascript:void(0);" onmouseover="return overlib('这是一个popup.');" onmouseout="return nd();">popup示例</a>

<a href="javascript:void(0);" onmouseover="return overlib('这是一个sticky',STICKY, MOUSEOFF);" onmouseout="return nd();">stick示例 </a>

四、命令与参数 overLIB 可以接受任意个命令和参数。格式如下：命令[,'命令参数']

<a href="javascript:void(0);" onclick="return overlib('This is a sticky with a caption. And it is centered under the mouse!', STICKY, CAPTION, 'Sticky!', CENTER);" onmouseout="nd();">Click here!</a>

所有的命令以及值类型可以查看这里 http://www.bosrup.com/web/overlib/?Command_Reference

五：自定义值

overlib.js 里有很多参数默认值的设定比如 if (typeof ol_textcolor=='undefined') var ol_textcolor="#000000";

如果想要自定义参数，那就直接在调用JS包之前先定义这些变量
<script type="text/javascript">

var ol_textsize = 2;

var ol_close = '关闭';

var ol_captionsize = 2;

var ol_closesize = 2;

var ol_closeclick = 1;

var ol_closecolor = 'white';

</script>

发表于 2010-07-23 15:29 mustardpeanut 阅读(569) 评论(0) 收藏举报

刷新页面返回顶部

overlib 很好用的JS显示信息框

公告