http://blog.sina.com.cn/wangzhenduo[订阅]
字体大小: 正文
挂件(2006-07-13 11:42:52)
声明:本教材是出于那些真正的网络设计高手,例如阿龙和蚊子,决非出自本人,只是供朋友查看,在这里向那些网络设计高手至谢!如你们有任何不满我会立即删除!谢谢你们```
 
 
·左边挂件:
<DIV style="LEFT: 5px; POSITION: absolute; TOP: 200px" align=left><IMG src="挂件地址" align=left><DIV>
 
·右边挂件:
<DIV style="LEFT: 900px; POSITION: absolute; TOP: 200px" align=right><IMG src="挂件地址" align=right></DIV>
 
其中LEFT: 为从左向右移的位置,即挂件距离屏幕左边缘的距离;TOP: 为从上向下移的位置,即挂件距离屏幕上边缘的距离!左右两边挂件都是以屏幕左边缘为基准的,其距离的具体数值可根据实际情况而定!
 
要找挂件只需去有个叫蚊子的图片素材库里找,那小子里面有上百种精美挂件!
 
 
二、图片或者挂件随屏幕移动而始终悬浮的代码如下:
 
·左边代码:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression_r(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-980); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression_r(eval(document.body.scrollTop)+eval(document.body.clientHeight)-200); TEXT-ALIGN: center"><A href="对图片或者挂件进行链接的网址" target=_blank><IMG src="图片或者挂件的URL地址" border=0></A></DIV>
 
·右边代码:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression_r(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-110); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression_r(eval(document.body.scrollTop)+eval(document.body.clientHeight)-200); TEXT-ALIGN: center"><A href="对图片或者挂件进行链接的网址" target=_blank><IMG src="图片或者挂件的URL地址" border=0></A></DIV>
 
参数说明:
1、clientWidth后面负数的绝对值越大,图片越靠近左侧。
2、clientHeight后面负数的绝对值越大,图片越靠近上部。
3、“图片URL地址”处加入你想用到的图片或者挂件的URL地址即可。
4、如果不需要对图片或者挂件进行链接,只要把代码中的“<A href="对图片或者挂件进行链接的网址" target=_blank>”去掉就可以了;其用处就是比如链接的地址是你的博客地址,那么一点那图片或者挂件就会进入你的博客!
注意:前两个参数需要根据图片的实际情况来设定,代码中的那个8px好像是坐标参数,保持默认即可,无需改动。
前一篇:美化博客代码
后一篇:音乐
  • 评论加载中,请稍候...
发评论    明星私家相册

验证码:看不清楚数字吗?点击这里再试试。收听验证码

发评论

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

相关博文
读取中...
推荐博文
读取中...