声明:本教材是出于那些真正的网络设计高手,例如阿龙和蚊子,决非出自本人,只是供朋友查看,在这里向那些网络设计高手至谢!如你们有任何不满我会立即删除!谢谢你们```
·左边挂件:
<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好像是坐标参数,保持默认即可,无需改动。
插入表情