当前位置:首页 > 设计在线 > 网页设计 > Javascript > 滚动的复合图片制作方法

滚动的复合图片制作方法

点击次数:34 次 发布日期:2008-11-26 22:55:01 作者:源代码网
源代码网推荐

在新浪或搜狐网站的两侧看到过用图层复合的图片滚动效果吧?呵呵,其实很容易学的,请看下面:

制作方法:
将下面的代码复制到<head>~</head>里,并下载 fubiao.js 文件:
<script language=JavaScript src=http://www.blue1000.com/article/"fubiao.js"></script>
注意:在 fubiao.js 文件中的第6行,是显示效果的两个图片。img-boder01.gif为缺省时的、mm.jpg为鼠标经过时的。
ad[0]="<a href="http://www.blue1000.com/article/#" target="_blank"
onMouseOut="document.all.chan.src="./images/img-boder01.gif";document.all.chan.width=60;document
.all.chan.height=60;"
onMouseOver="document.all.chan.src="./images/mm.jpg";document.all.chan.width=283;
document. all.chan.height=221;"><img border=0 name=chan src="http://it365cn.com/images/img-boder01.gif" width=60 height=60></a>";
同时,不要忘记修改图片的属性值,比如长与宽的值。


源代码网供稿.
网友评论 (0)
会员中心
设计在线
本站推荐
设计在线之精华