e3v5游戏性能:仿淘宝网站的导航标签效果！

来源：百度文库编辑：偶看新闻时间：2024/04/28 22:49:37

仿淘宝网站的导航标签效果！

2006-06-12

这是我以前发表在经典论坛的帖子，现在转贴回来。
原帖子地址：http://www.blueidea.com/bbs/NewsDetail.asp?id=2510970

HTML代码

代码长度:207行,5911个字符(其中5498个非空字符,约占93.01%)
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
从平时的应用上看，这种方法还是比较有用的。经marvellous指点后，加入javascript，可以单页面内切换内容了，但却不适合做网站的导航条。

HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css"></style><script language="javascript">function switchTag(tag,content){//alert(tag);//alert(content);for(i=1; i <6; i++){if ("tag"+i==tag){document.getElementById(tag).getElementsByTagName("a")[0].className="selectli"+i;document.getElementById(tag).getElementsByTagName("a")[0].getElementsByTagName("span")[0].className="selectspan"+i;}else{document.getElementById("tag"+i).getElementsByTagName("a")[0].className="";document.getElementById("tag"+i).getElementsByTagName("a")[0].getElementsByTagName("span")[0].className="";}if ("content"+i==content){document.getElementById(content).className="";}else{document.getElementById("content"+i).className="hidecontent";}document.getElementById("content").className=content;}}</script></head><body><div id="container"><div id="title"><ul><li id="tag1"><a href="#" onclick="switchTag('tag1','content1');this.blur();" class="selectli1"><span class="selectspan1">首页</span></a></li><li id="tag2"><a href="#" onclick="switchTag('tag2','content2');this.blur();"><span>下载中心</span></a></li><li id="tag3"><a href="#" onclick="switchTag('tag3','content3');this.blur();"><span>产品介绍</span></a></li><li id="tag4"><a href="#" onclick="switchTag('tag4','content4');this.blur();"><span>会员注册与登录</span></a></li><li id="tag5"><a href="#" onclick="switchTag('tag5','content5');this.blur();"><span>联系我们</span></a></li></ul></div><div id="content" class="content1"><div id="content1"><p>仿淘宝网站的导航效果。此方法有几个优点：</p>1、根据字数自适应项目长度</div><div id="content2" class="hidecontent">2、不同的项目使用不同的颜色来区分</div><div id="content3" class="hidecontent">3、这回需要使用到js了，呵呵</div><div id="content4" class="hidecontent">4、背景图片只需要两个图片文件就足够，减少服务器负担</div><div id="content5" class="hidecontent">5、这是使用到的两个图片：<table width="58%" border="1" cellspacing="2" cellpadding="0"><tr><td width="70%" align="center"><img src="http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif" width="250" height="290" /></td><td width="30%" align="center"><img src="http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif" width="15" height="290" /></td></tr></table></div></div></div></body></html>

代码长度:326行,10118个字符(其中9520个非空字符,约占94.09%)
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

网站导航效果的问题淘宝仿EBAY为什么不会侵权？类似这样的网站模仿为什么不侵权？请问哪位高手会做：类似淘宝的导航栏，要能做成公共头的，能被FIREFOX和IE浏览器都支持的效果？哪有好的上网导航网站? 网站标签，收藏夹标签，网易的易字我是才学Protel 2004的，我一不小心把文件面板标签，工程面板标签和导航器面板标签给关了，怎么恢复啊？？个人网站的“网站导航”疑问网站导航淘宝网站的问题淘宝的网站打不开 dw作出滑过图片导航标签时的沙沙声。追加50分淘宝上的仿鞋怎么价格相差这么大淘宝上的仿鞋怎么价格相差这么大淘宝网上的所谓精仿,高仿篮球鞋质量怎样?? 什么是“网站导航”、“内容导航”？导航网站如何盈利的呢？谁知道这个网站导航的代码是什么？导航网站后期的赢利模式关于网址导航的网站有哪些？哪里有导航类的好网站？？求问这个FLASH导航广告栏的效果的源代码~~ 求仿SOHU论坛，有类似右侧带树型导航的也行．淘宝的网站背景是什么？谁有私服游戏的网站？仿大众的！