学院首页>网页制作>心得技巧>使页面链接图标“充满活力”

使页面链接图标“充满活力”

作者:双龙一剑、小曾 来源:《中国电脑教育报》 添加时间:2006-5-21 10:06:56
如果你也是一个网上人家,有没有觉得自己主页上的图标链接没生气?那么怎样使你的链接图标充满活力移动起来呢,下面我就来为大家介绍一种移动链接图标的制作方法吧。

制作之前,首先我们要确定链接图标的大小,如高为31,长为88,然后打开网页编辑软件建立文件“link.js”,内容如下:

document.writeln("<marquee onMouseOver=this.stop() onMouseOut=this.start()><a href=该站网址 target=_blank><img src=图标位置 width=88 height=31 border=0 alt=文字注释></a>");

其中“marquee onMouseOver=this.stop() onMouseOut=this.start()”两语句可使鼠标移到该图标上时使移动停止,移开时又继续移动;语句“target=_blank”可另开新窗口浏览;而“border=0”能隐藏边框,“border=1”则显示边框。如果我们要建立《中国电脑教育报》图标链接,且链接图标放在目录“logo”下,可把以上内容修开为:

document.writeln("<marquee onMouseOver=this.stop() onMouseOut=this.start()><a href=http://www.cce.com.cn/ target=_blank><img src="/edu/files/pic/2006-5/21/0652110065612683.gif" width=88 height=31 border=0 alt=中国电脑教育报></a>");

然后,你按照上面的方法把所有的链接做好,存盘进行下一步。

在你网页设定的位置加入语句“<SCRIPT language=JavaScript src="link.js"></SCRIPT>”,当然你可要注意你的网页与“link.js”文件是否在同一个目录,如果不是,在“src=”后可要写上路径。好了,就这么多,快快动手让别人瞧瞧你精彩的移动链接图标吧!
站内搜索