博客提高（七）如何添加固定挂件和移动挂件_紫光山人

博客提高（七）如何添加固定挂件和移动挂件(2006-03-13 18:09:14)

注意：紫光山人编写的教程尽量做到图文并茂，所以可能有的照片下载起来比较慢。如果图片出现小“×”的情况，请直接点击小“×”，在新建窗口里打开观看

　　大家可能看到过山人在“紫光阁”上挂过两个固定挂件，而且现在山人又增加了两个移动挂件（见插图），如果你点击其中一个，就可以进入《新浪博客点点通》界面，那么，这是怎么实现的呢？今天，山人就教给大家如何在首页加入固定挂件和移动挂件。

1、固定位置挂件的源代码：

　　说明：以上为固定右侧挂件的代码，更换RIGHT（右）为LEFT（左），则为左测挂件代码。红色部分为挂件距离右边和上边的距离，你可以自行改变。

效果图：

2、挂件随滚动条上下移动的源代码：

代码说明：
　　Left表示挂件位于屏幕左侧，如果你想在右侧以放一个的话，只需要再复制以便以上代码，并把其中的Left改为Right即可。　

　　(document.body.clientWidth)-988);表示图片的左右位置，数值越大距离右侧越远
　　(document.body.clientHeight)-350);表示图片的上下位置，数值越大距离下方越远

效果图：

　　如果你需要选择挂件，请到我的“挂件资源库”里去找：http://blog.sina.com.cn/u/484b0a59010002l2　

　　当然，自定义面板的操作就不用我多说了，如果你不会，可以到我的文章里找。

已投稿到：排行榜

发评论 明星私家相册

以上网友发言只代表其个人观点，不代表新浪网的观点或立场。