整理了一段图片展示的代码。感觉挺好的。鼠标放到图片上会有变化...
发上来分享一下。
这段就是我演示里面用的代码:
<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
暖暖 阅读(547)
评论(12) 编辑 收藏 所属分类:
Technology