四、进行网页的栏目导航
我们经常在别人的网页上看到利用选择列表来进行栏目导航，这样既节约了空间，又十分的醒目和方便，这里我们可以用JavaScript很轻松的实现这种效果。
＜ form name="siteGuide" ＞
＜ stlect name="siteList"
onChange="self.location.href=this.form.siteList.options[
this.form.siteList.selectedIndex].value" ＞
＜ option selected value="#" ＞请选择栏目＜ /option ＞
＜ option value="http://www.ciw.com.cn" ＞
中国计算机报＜ /option ＞
＜ option value="http://www.ccw.com.cn" ＞
计算机世界＜ /option ＞
＜ /select ＞ ＜ /form ＞
这里，我们还可以把JavaScript独立出来作为一个函数进行调用，甚至加以扩展，以实现更多的功能。
五、动态图片广告更换显示
在网页上放置广告图片的链接已经是很普遍的事情，但如果要同时放置几个广告图片时，不但展用了太多页面空间，也影响了用户的访问热情，但如果我们采用动态图片广告更换显示的话，就既节约了页面的空间，又不影响相应的链接。
＜ script language="JavaScript" ＞
function loadBanner(){
setTimer=setTimeout("changeBanner()",5000);
listCode=0;
listBanner=new Arrey(2)
listBanner[0]=new Image(400,40)
listBanner[0].src="banner_0.gif"
listBanner[1]=new Image(400,40)
listBanner[1].src="banner_1.gif"
}
function changeBanner(){
listCode=listCode+1
if(listCode=="2"){listCode=0}
bannerSrc="banner_"+listCode+".gif"
document.adBanner.src=bannerSrc
setTimer=setTimeout("changeBanner()",5000);
}
function changeLink(){
if(listCode==0){adLink="http://www.netease.com"}
if(listCode==1){adLink="http://www.chinabyte.com"}
self.location=adLink
}＜ /script ＞
同时，为了确保效果，建议在网页的
Body中激活相应JavaScript函数。
＜ body onLoad="LoadBanner()" ＞
还要在页面相应放置广告图片的地方放置以下代码，
＜ a href="JavaScript:changeLink()" ＞
＜ img src="banner_o.gif"
border="0" name="adBanner"
width="400" height="40" alt="动态广告图片" ＞＜ /a ＞
为了适应你的需要，你还可以添加更多的图片项进去，只要调整相应的语句和相应的参数，就可以满足你的更高要求了。
正 文
JavaScript在网页设计中的应用
www.7dspace.com 更新日期：2005-8-16 2:54:01 七度空间
上一篇：标记及脚本语言HTML基础篇
下一篇：HTML教程之表格作为子页
作者： 来源：不详 ( 责任编辑:7dspace )
站 内 搜 索
热 点 导 读
特 别 推 荐