怎样在博客中添加漂浮物?
发布时间：2010-01-03来源：互联网 编辑：圆圆
网页固定，浮动挂件的源代码-
1，固定挂件的源代码（flash挂件在网页上面的某一地位上固定不动）-
%26lt-DIV id=kongfu style=%26quot-RIGHT- 10px- POSITION- absolute- TOP- 100px%26quot-%26gt-%26lt-IMG src=%26quot-图片地址%26quot-
border=0%26gt-%26lt-/A%26gt-%26lt-/DIV%26gt-
代码阐明-调换代码中的RIGHT（为右挂件）LEFT（为左挂件）
2，浮动挂件的源代码（flash挂件随网页上下移动的源代码）-
%26lt-DIV style=%26quot-BORDER-RIGHT- medium none- BORDER-TOP- medium none- - RIGHT-
expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-1020)- FILTER-
progid-DXImageTransform.Microsoftpadding-8px- BORDER-LEFT- medium none- BORDER-BOTTOM- medium none- POSITION- absolute- - TOP-
expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-600)- TEXT-ALIGN-
center%26quot-%26gt-%26lt-IMG src=%26quot-图片地址%26quot- border=0%26gt-%26lt-/DIV%26gt-
代码阐明-
(document.body.clientWidth)-1020)-表现图片的左右地位，负数值越大距离左侧越遥
(document.body.clientHeight)-600)-表现图片的上下地位，负数值越大距离下方越遥
详细步骤是-复制代码---节制面板-----新增空白面板----钩选源代码（呈现钩号，同时文档里呈现DIV的字样）----粘贴代码----钩选源代码（钩号消散）-----保留新增面板----定制个人首页----选取新增面板----保留设置就行了
注意事项-左右两个挂件要分离做两块面板
部份挂件代码-（点击代码可见图像）
http-//album.sina.com.cn/pic/48ef12b0020004dw眨眼睛的美丽妹妹之一
http-//album.sina.com.cn/pic/48ef12b0020004dx眨眼睛的美丽妹妹之二
http-//album.sina.com.cn/pic/48ef12b0020004dy眨眼睛的美丽妹妹之三
http-//album.sina.com.cn/pic/48ef12b0020004e0眨眼睛的美丽妹妹之四
http-//album.sina.com.cn/pic/48ef12b0020004e1眨眼睛的美丽妹妹之五
http-//album.sina.com.cn/pic/48ef12b0020004e2眨眼睛的美丽妹妹之六
http-//album.sina.com.cn/pic/48ef12b0020004e3眨眼睛的美丽妹妹之七
http-//album.sina.com.cn/pic/48ef12b0020004e4眨眼睛的美丽妹妹之八
http-//album.sina.com.cn/pic/48ef12b0020004e5眨眼睛的美丽妹妹之九
http-//album.sina.com.cn/pic/48ef12b0020004e6眨眼睛的美丽妹妹之十
http-//album.sina.com.cn/pic/48ef12b0020004e7眨眼睛的美丽妹妹之十一
http-//album.sina.com.cn/pic/48ef12b0020004e8眨眼睛的美丽妹妹之十二
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3910372酒杯里的天使
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3910432女天使
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3545583一束红玫瑰
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3909781花好月圆台屏
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3909813蝴蝶台灯
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3910433透明蓝色茶杯
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3909505透明红色茶杯
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3909869天女
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3910435玫瑰
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3909579花篮
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3909779花屏
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3910208小天使
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3910306黄杯
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3910305蓝杯
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3910336心型屏风
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3910371女孩屏风
http-//image.blog.myrice.com/hbh60/imgs/0/7/07e26b39.gif春字
http-//bbsimg.qq.com/2005/07/16/004/546.gif小猪
http-//bbs.680.cn/UploadFile/2005-6/200562417382936892.gif蓝色小女孩
http-//bbsimg.qq.com/2005/07/16/004/695.gif飞蛋
http-//bbs.680.cn/UploadFile/2005-6/200562417554094966.gif双心
http-//bbs.680.cn/UploadFile/2005-6/200562417255889842.gif咖啡蛋糕
http-//bbs.680.cn/UploadFile/2005-6/200562417411851977.gif桔子
http-//bbs.680.cn/UploadFile/2005-6/200562417291022870.gif绿蝶
http-//bbs.680.cn/UploadFile/2005-6/200562417352313067.gif红心
http-//bbs.680.cn/UploadFile/2005-6/200562417131125326.gif粉红心
http-//www.xlzy.com/bbs/UploadFile/2005-3/200535234237466.gif金发小女孩
http-//bbs.680.cn/UploadFile/2005-6/20056241722337991.gif如意结
http-//images.blogcn.com/2005/7/26/8/jenny19890328,20050726143058.gif红色汽球
http-//bbsimg.qq.com/2005/08/08/000/983.gif蓝色汽球
http-//bbs.680.cn/UploadFile/2005-6/20056241729213427.gif蓝蝴蝶结
http-//bbsimg.qq.com/2005/07/16/004/153.gif圣诞树
http-//bbsimg.qq.com/2005/07/16/004/162.gif马戏团的小女孩
http-//diroll.80port.net/ds19/1/kitty/11.gif布娃娃
下面是我做好的一组固定挂件代码-
右布娃娃挂件代码-
%26lt-DIV id=youxia style=%26quot-RIGHT- 10px- POSITION- absolute-
TOP- 100px%26quot-%26gt-%26lt-IMG src=%26quot-http-//diroll.80port.net/ds19/1/kitty/11.gif%26quot- border=0%26gt-%26lt-/A%26gt-%26lt-/DIV%26gt-
左布娃娃挂件代码-
%26lt-DIV id=youxia style=%26quot-LEFT- 10px- POSITION- absolute-
TOP- 100px%26quot-%26gt-%26lt-IMG src=%26quot-http-//diroll.80port.net/ds19/1/kitty/11.gif%26quot- border=0%26gt-%26lt-/A%26gt-%26lt-/DIV%26gt-
谢谢您的提问，祝您一切顺利！
我的博客http-//blog.sina.com.cn/u/1073902787
1，固定挂件的源代码（flash挂件在网页上面的某一地位上固定不动）-
%26lt-DIV id=kongfu style=%26quot-RIGHT- 10px- POSITION- absolute- TOP- 100px%26quot-%26gt-%26lt-IMG src=%26quot-图片地址%26quot-
border=0%26gt-%26lt-/A%26gt-%26lt-/DIV%26gt-
代码阐明-调换代码中的RIGHT（为右挂件）LEFT（为左挂件）
2，浮动挂件的源代码（flash挂件随网页上下移动的源代码）-
%26lt-DIV style=%26quot-BORDER-RIGHT- medium none- BORDER-TOP- medium none- - RIGHT-
expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-1020)- FILTER-
progid-DXImageTransform.Microsoftpadding-8px- BORDER-LEFT- medium none- BORDER-BOTTOM- medium none- POSITION- absolute- - TOP-
expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-600)- TEXT-ALIGN-
center%26quot-%26gt-%26lt-IMG src=%26quot-图片地址%26quot- border=0%26gt-%26lt-/DIV%26gt-
代码阐明-
(document.body.clientWidth)-1020)-表现图片的左右地位，负数值越大距离左侧越遥
(document.body.clientHeight)-600)-表现图片的上下地位，负数值越大距离下方越遥
详细步骤是-复制代码---节制面板-----新增空白面板----钩选源代码（呈现钩号，同时文档里呈现DIV的字样）----粘贴代码----钩选源代码（钩号消散）-----保留新增面板----定制个人首页----选取新增面板----保留设置就行了
注意事项-左右两个挂件要分离做两块面板
部份挂件代码-（点击代码可见图像）
http-//album.sina.com.cn/pic/48ef12b0020004dw眨眼睛的美丽妹妹之一
http-//album.sina.com.cn/pic/48ef12b0020004dx眨眼睛的美丽妹妹之二
http-//album.sina.com.cn/pic/48ef12b0020004dy眨眼睛的美丽妹妹之三
http-//album.sina.com.cn/pic/48ef12b0020004e0眨眼睛的美丽妹妹之四
http-//album.sina.com.cn/pic/48ef12b0020004e1眨眼睛的美丽妹妹之五
http-//album.sina.com.cn/pic/48ef12b0020004e2眨眼睛的美丽妹妹之六
http-//album.sina.com.cn/pic/48ef12b0020004e3眨眼睛的美丽妹妹之七
http-//album.sina.com.cn/pic/48ef12b0020004e4眨眼睛的美丽妹妹之八
http-//album.sina.com.cn/pic/48ef12b0020004e5眨眼睛的美丽妹妹之九
http-//album.sina.com.cn/pic/48ef12b0020004e6眨眼睛的美丽妹妹之十
http-//album.sina.com.cn/pic/48ef12b0020004e7眨眼睛的美丽妹妹之十一
http-//album.sina.com.cn/pic/48ef12b0020004e8眨眼睛的美丽妹妹之十二
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3910372酒杯里的天使
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3910432女天使
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3545583一束红玫瑰
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3909781花好月圆台屏
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3909813蝴蝶台灯
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3910433透明蓝色茶杯
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3909505透明红色茶杯
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3909869天女
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3910435玫瑰
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3909579花篮
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3909779花屏
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3910208小天使
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3910306黄杯
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3910305蓝杯
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3910336心型屏风
http-//www.m-meyer.webbyen.dk/billed.asp?PrivatBilled=3910371女孩屏风
http-//image.blog.myrice.com/hbh60/imgs/0/7/07e26b39.gif春字
http-//bbsimg.qq.com/2005/07/16/004/546.gif小猪
http-//bbs.680.cn/UploadFile/2005-6/200562417382936892.gif蓝色小女孩
http-//bbsimg.qq.com/2005/07/16/004/695.gif飞蛋
http-//bbs.680.cn/UploadFile/2005-6/200562417554094966.gif双心
http-//bbs.680.cn/UploadFile/2005-6/200562417255889842.gif咖啡蛋糕
http-//bbs.680.cn/UploadFile/2005-6/200562417411851977.gif桔子
http-//bbs.680.cn/UploadFile/2005-6/200562417291022870.gif绿蝶
http-//bbs.680.cn/UploadFile/2005-6/200562417352313067.gif红心
http-//bbs.680.cn/UploadFile/2005-6/200562417131125326.gif粉红心
http-//www.xlzy.com/bbs/UploadFile/2005-3/200535234237466.gif金发小女孩
http-//bbs.680.cn/UploadFile/2005-6/20056241722337991.gif如意结
http-//images.blogcn.com/2005/7/26/8/jenny19890328,20050726143058.gif红色汽球
http-//bbsimg.qq.com/2005/08/08/000/983.gif蓝色汽球
http-//bbs.680.cn/UploadFile/2005-6/20056241729213427.gif蓝蝴蝶结
http-//bbsimg.qq.com/2005/07/16/004/153.gif圣诞树
http-//bbsimg.qq.com/2005/07/16/004/162.gif马戏团的小女孩
http-//diroll.80port.net/ds19/1/kitty/11.gif布娃娃
下面是我做好的一组固定挂件代码-
右布娃娃挂件代码-
%26lt-DIV id=youxia style=%26quot-RIGHT- 10px- POSITION- absolute-
TOP- 100px%26quot-%26gt-%26lt-IMG src=%26quot-http-//diroll.80port.net/ds19/1/kitty/11.gif%26quot- border=0%26gt-%26lt-/A%26gt-%26lt-/DIV%26gt-
左布娃娃挂件代码-
%26lt-DIV id=youxia style=%26quot-LEFT- 10px- POSITION- absolute-
TOP- 100px%26quot-%26gt-%26lt-IMG src=%26quot-http-//diroll.80port.net/ds19/1/kitty/11.gif%26quot- border=0%26gt-%26lt-/A%26gt-%26lt-/DIV%26gt-
谢谢您的提问，祝您一切顺利！
我的博客http-//blog.sina.com.cn/u/1073902787