官方首页 | 无图版 | BBS首页
PJBlog3 2.8.5.157 新版发布 下载|升级(2008.8.26) 来给PJ3提提发展建议 2008版 PJHOME 珍藏/纪念版官方T恤 正式发布! PJ3内测团队主创人员身份,性格,特点吐血大曝光
PJBlog技术支持论坛使用问题总索引 PJ-Blog 3 斑竹日志 【独家】我使用过的三种空间,与客服的精彩故事 Z-Blog,Wordpress,Bo-Blog转换到PJBlog
 20 12
发新话题
打印

[插件修改] 为PJBLOG添加可移动的浮动窗口

为PJBLOG添加可移动的浮动窗口

演示地址: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 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

不能随着浏览而滚动。个人感觉用处不大。

TOP

会LS,如果想随浏览器滚动,在IE7和FF里面很容易实现,修改上面附件里面的CSS就可以实现。
不过因为IE6的BUG,为了适应它要做一些复杂的改动。
而且我个人觉得,随浏览器滚动不怎么好...

TOP

我倒觉得楼主旁边的侧栏收缩很方便,只是不知道是不是适合所有皮肤

TOP

侧边栏收缩很早以前我就发布出来了

TOP

是空白显示!

TOP

下载包里没有
JSUI/JSCSS/JSWindow.css

TOP

引用:
原帖由 ljp812 于 2007-4-9 16:26 发表
下载包里没有
JSUI/JSCSS/JSWindow.css
这个文件在压缩包里是有的。

TOP

效果应该不错,改天我测试下哈~
敝站:http://www.haifol.com/,欢迎来踩踩!
PJ交流群(二):6448245

TOP

谢了收下了

TOP

 20 12
发新话题