整理了一段图片展示的代码。感觉挺好的。鼠标放到图片上会有变化...
发上来分享一下。




这段就是我演示里面用的代码:

<script language="javascript">
<!--
function high(which2){
theobject
=which2
highlighting
=setInterval("highlightit(theobject)",1)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity
=60
}
function highlightit(cur2){
if(cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity
+=20
else if(window.highlighting)
clearInterval(highlighting)
}
-->
</script>
<marquee scrollamount=2 width=400 bgcolor=black onmouseover="this.stop();" onmouseout="this.start();">

<img src=http://www.cnweblog.com/images/cnweblog_com/enbby/10722/o_pic.jpg style="filter:alpha(opacity=60)" onmouseover=high(this) onmouseout=low(this)>
<img src=http://www.cnweblog.com/images/cnweblog_com/enbby/10722/o_pic%20(1).jpg style="filter:alpha(opacity=60)" onmouseover=high(this) onmouseout=low(this)>
<img src=http://www.cnweblog.com/images/cnweblog_com/enbby/10722/o_pic%20(2).jpg style="filter:alpha(opacity=60)" onmouseover=high(this) onmouseout=low(this)>
<img src=http://www.cnweblog.com/images/cnweblog_com/enbby/10722/o_pic%20(3).jpg style="filter:alpha(opacity=60)" onmouseover=high(this) onmouseout=low(this)>
<img src=http://www.cnweblog.com/images/cnweblog_com/enbby/10722/o_pic%20(4).jpg style="filter:alpha(opacity=60)" onmouseover=high(this) onmouseout=low(this)>
<img src=http://www.cnweblog.com/images/cnweblog_com/enbby/10722/o_pic%20(5).jpg style="filter:alpha(opacity=60)" onmouseover=high(this) onmouseout=low(this)>
<img src=http://www.cnweblog.com/images/cnweblog_com/enbby/10722/o_pic%20(6).jpg style="filter:alpha(opacity=60)" onmouseover=high(this) onmouseout=low(this)>
<img src=http://www.cnweblog.com/images/cnweblog_com/enbby/10722/o_pic%20(7).jpg style="filter:alpha(opacity=60)" onmouseover=high(this) onmouseout=low(this)>
</marquee>

修改这里:
marquee scrollamount=2
 //滚动速度//
width
=400//宽度//
 
bgcolor
=
black//背景颜色//

图片修改以此为例:
img src=http://
www.cnweblog.com/images/cnweblog_com/enbby/10722/o_pic.jpg //展示图片的地址//
 style="filter:alpha(opacity=60)" //60为透明度//




         Dream Away。

posted on 2006-08-16 00:23 暖暖 阅读(540) 评论(12)  编辑  收藏 所属分类: Technology

评论:
# re: BLOG碎碎念之9°┆◆图片滚动展示效果° 2006-08-16 01:00 | 于惠茹
学姐,
迷失的人迷失了,相逢的人会再相逢... ...

希望痛苦的日子早一些过去,祝你幸福!  回复  更多评论
  
# re: BLOG碎碎念之9°┆◆图片滚动展示效果° 2006-08-16 09:15 | 我是坏女生
汗。。
我现在很想放更多效果的代码,可惜苦于放太多的话会拖速度,不想有人再因为我的博客打开慢而乱放东西进去了。。  回复  更多评论
  
# re: BLOG碎碎念之9°┆◆图片滚动展示效果° 2006-08-16 11:25 | sam'
我改不了图片哦?请帮帮?我想用自己的图片,怎样放上去呢?急求?  回复  更多评论
  
# re: BLOG碎碎念之9°┆◆图片滚动展示效果° 2006-08-16 13:23 | Enbyの格格
@sam'

把这些地址替换成你的图片
http://www.cnweblog.com/images/cnweblog_com/enbby/10722/o_pic.jpg
  回复  更多评论
  
# re: BLOG碎碎念之9°┆◆图片滚动展示效果° 2006-08-16 13:23 | Enbyの格格
@ 我是坏女生

我也是。痛苦死了。已经都精简到最低了。唉。  回复  更多评论
  
# re: BLOG碎碎念之9°┆◆图片滚动展示效果° 2006-08-16 13:24 | Enbyの格格
@ 于惠茹

呵呵~学姐的通过总算是熬过去啦~  回复  更多评论
  
# re: BLOG碎碎念之9°┆◆图片滚动展示效果° 2006-08-16 14:54 | 我是坏女生
每次打开你这里,很慢很慢。。
哈哈哈,没办法,只能从美丽与实用上面取舍其一。。我选择了后者。。  回复  更多评论
  
# re: BLOG碎碎念之9°┆◆图片滚动展示效果° 2006-08-17 18:15 | Enby
@ 我是坏女生

我自己打开都慢..痛苦死了..  回复  更多评论
  
# re: BLOG碎碎念之9°┆◆图片滚动展示效果° 2006-10-08 19:52 | BB
请问一个要放最下面,代码应该放哪啊》?我放来放去都在上面的位置
急死我了!  回复  更多评论
  
# re: BLOG碎碎念之9°┆◆图片滚动展示效果° 2006-10-09 22:25 | Enbyの格格
放在页脚部分  回复  更多评论
  
# re: BLOG碎碎念之9°┆◆图片滚动展示效果° 2007-07-26 17:19 | Deep
学了很多东西  回复  更多评论
  
# re: BLOG碎碎念之9°┆◆图片滚动展示效果° 2007-08-21 13:13 | roken
无意间进入此博客,来了就留下点东西............  回复  更多评论