[转载]图片特效--在网页中全屏浮动的图片代码_想你的时候

http://blog.sina.com.cn/u/1824835401

首页博文目录关于我

个人资料

微博

加好友发纸条

写留言加关注

博客等级：
博客积分：

博客访问：
关注人气：
获赠金笔：0支
赠出金笔：0支
荣誉徽章：

正文字体大小：大中小

[转载]图片特效--在网页中全屏浮动的图片代码

(2010-11-21 19:10:16)

标签：

转载

原文地址：图片特效--在网页中全屏浮动的图片代码作者：半訷

代码如下：

<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> 上面这个代码是不带连接的图片浮动,如果你要带连接的话!加上一段代码就可以了也就是这条代码 <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>

代码说明：

代码中的参数我调整好了!如果你要再调的话!可以调这些参数,以改变图片浮动的位置

TOP: 500px width="90" height="90"这个是改变你的图片大小的

(208,200,220,210,500,830,200,300,200,200,200,200,250)这个是图片浮动的坐标,你可以自己调节,不过我已经调节好了,建议不要动!

添加方法：

下面介绍两种方法，请你根据情况选用一种比较适合的方法来添加代码。

第一种方法：

1、控制面板--首页内容维护--定义空白模板--新建,创建模块标题，显示源代码粘贴代码（粘贴代码前，在普通模式下打一个空格，然后再进入源代码编辑模式，这时你会看到源代码中已经有一行代码了（ <DIV> </DIV> ），这时你再将自己的代码粘贴到它的下面即可，因为CSS代码粘贴到新建立的模块中，没有别的内容，不会显示的）--保存并返回；

2、控制面板--定制我的首页--点添加模块--点选创建好的模块标题--勾上并保存，移动新建面板位置--保存设置。我们做这一步的目的是将建立好的模块在博客个人首页里呈现出来。

第二种方法：

直接把以上代码粘贴到以前你建立的并且现在正在使用模块中，显示源代码粘贴代码，点击保存即可！

博客代码素材大全

http://bbsimg.qq.com/2006/12/17/000/161.gif

http://img.users.51.la/683263.asp统计 ID 列表

阅读┊ 收藏 ┊转载原文 ┊ 喜欢 ▼ ┊打印┊举报/Report

前一篇：[转载]偷摄：夜幕下开放城市景观【組圖】

后一篇：2010年11月23日

新浪BLOG意见反馈留言板　欢迎批评指正