演示地址:
http://www.eternity3.com.cn/blog/
效果如下:

使用说明:
下载代码文件:
到blog的根目录下,然后修改header.asp文件
在head标签里面加入以下代码来引用刚刚上传的文件。
复制内容到剪贴板
代码:
<head>
......
<script type="text/javascript" src="JSUI/JSUI/JSWindow.js"></script>
<link href="JSUI/JSCSS/JSWindow.css" rel="stylesheet" rev="stylesheet" type="text/css" />
</head>窗口添加方法:
在后台新建一个内容板块,写入以下HTML代码:
复制内容到剪贴板
代码:
<script type="text/javascript">
var wndA = CreateWindow("JS Window", 300, 200, 650, 50);
$("windowContent" + wndA.handle).innerHTML = 'Welcome to my blog!';
</script>上面的代码中通过CreateWindow函数创建一个窗口,参数分别是:窗口标题、宽度、高度、X坐标、Y坐标。
然后通过
复制内容到剪贴板
代码:
$("windowContent" + wndA.handle).innerHTML = '窗口内容';来修改窗口的内容。
能够为窗口添加除了<script/>标签以外的所有的HTML代码(因为script标签很特殊,所以插入它很复杂)
这样便能创建出一个浮动的窗口,并能够移动位置或者调整它的大小。
[
本帖最后由 yzk0370 于 2007-4-7 12:35 编辑 ]