分类: 时尚潮流类爱美心皆有之 |
在网页中全屏浮动的图片代码:
你在很多网站都会看到一些图片在整个网页中飘来飘去的
那么今天就把这个代码写来供大家参考使用
代码添加方法
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium
none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT:
expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-900);
BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION:
absolute; ; TOP:
expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-580);
TEXT-ALIGN: center"><img src="你的图片地址" name="JPG1"
style="LEFT: 700px; POSITION: absolute; TOP: 500px" width="90" height="90"> <object
align="baseline" classid="CLSID:D7A7D7C3-D47F-11D0-89D3-00A0C90833E6" height="10"
id="pthl" style="LEFT: 0px; TOP: 2px" width="10" border="0">
<param name="Autostart" value="-1">
<param name="Bounce" value="-1">
<param name="Direction" value="0">
<param name="Duration" value="20">
<param name="Repeat" value="-1">
<param name="Target" value="JPG1">
<param name="Relative" value="0">
<param name="TimerInterval" value="0.1">
<param name="Shape" value="polyline(208,200,220,210,500,830,200,300,200,200,200,200,250)" target="_blank"></A></DIV>
style="LEFT: 700px; POSITION: absolute; TOP: 500px" width="90" height="90"> <object
align="baseline" classid="CLSID:D7A7D7C3-D47F-11D0-89D3-00A0C90833E6" height="10"
id="pthl" style="LEFT: 0px; TOP: 2px" width="10" border="0">
<param name="Autostart" value="-1">
<param name="Bounce" value="-1">
<param name="Direction" value="0">
<param name="Duration" value="20">
<param name="Repeat" value="-1">
<param name="Target" value="JPG1">
<param name="Relative" value="0">
<param name="TimerInterval" value="0.1">
<param name="Shape" value="polyline(208,200,220,210,500,830,200,300,200,200,200,200,250)" target="_blank"></A></DIV>
上面这个代码是不带连接的图片浮动,如果你要带连接的话!加上一段代码就可以了
也就是这条代码
<A
href="对图片或者挂件进行链接的网址,也就是你的博客地址或其他的地址"
target=_blank>
那么,带连接的浮动图片代码就是:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium
none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT:
expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-900);
BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION:
absolute; ; TOP:
expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-580);
TEXT-ALIGN: center"><A
href="对图片或者挂件进行链接的网址,也就是你的博客地址或其他的地址"
target=_blank><img src="你的图片地址" name="JPG1"
style="LEFT: 700px; POSITION: absolute; TOP: 500px" width="90" height="90"> <object
align="baseline" classid="CLSID:D7A7D7C3-D47F-11D0-89D3-00A0C90833E6" height="10"
id="pthl" style="LEFT: 0px; TOP: 2px" width="10" border="0">
<param name="Autostart" value="-1">
<param name="Bounce" value="-1">
<param name="Direction" value="0">
<param name="Duration" value="20">
<param name="Repeat" value="-1">
<param name="Target" value="JPG1">
<param name="Relative" value="0">
<param name="TimerInterval" value="0.1">
<param name="Shape" value="polyline(208,200,220,210,500,830,200,300,200,200,200,200,250)" target="_blank"></A></DIV>
style="LEFT: 700px; POSITION: absolute; TOP: 500px" width="90" height="90"> <object
align="baseline" classid="CLSID:D7A7D7C3-D47F-11D0-89D3-00A0C90833E6" height="10"
id="pthl" style="LEFT: 0px; TOP: 2px" width="10" border="0">
<param name="Autostart" value="-1">
<param name="Bounce" value="-1">
<param name="Direction" value="0">
<param name="Duration" value="20">
<param name="Repeat" value="-1">
<param name="Target" value="JPG1">
<param name="Relative" value="0">
<param name="TimerInterval" value="0.1">
<param name="Shape" value="polyline(208,200,220,210,500,830,200,300,200,200,200,200,250)" target="_blank"></A></DIV>
代码中的参数我调整好了!如果你要再调的话!可以调这些参数,以改变图片浮动的位置
TOP: 500px width="90"
height="90"这个是改变你的图片大小的
(208,200,220,210,500,830,200,300,200,200,200,200,250)这个是图片浮动的坐标,你可以自己调节,不过我已经调节好了,建议不要动!
前一篇:博客美丽的挂件(二)
后一篇:文字也可做挂件