描述:使用选项卡式界面,此 DHTML 脚本可让您在 IFRAME 标记的帮助下在页面上内嵌显示外部网页。 我们添加了一项功能,允许用户在需要时在整个浏览器窗口中加载网页。 该脚本适用于 IE5 和 NS6,并且可以很好地与其余脚本一起降级(因为选项卡只是常规链接)。 凉爽的! 第 1 步:将以下 CSS 和 DHTML 脚本添加到 中 您页面的部分: 复制代码代码如下: <BR>/*Eric Meyer 基于 CSS 选项卡*/ <br><br>#tablist{ <BR>padding: 3px 0; <BR>左边距:0; <BR>边距底部:0; <BR>边缘顶部:0.1em; <BR>字体:粗体 12px Verdana; <BR>} <br><br>#tablist li{ <BR>列表样式:无; <BR>显示:内联; <BR>保证金:0; <BR>} <br><br>#tablist li a{ <BR>文本装饰:无; <BR>内边距:3px 0.5em; <BR>左边距:3px; <BR>边框:1px 实心#778; <BR>边框底部:无; <BR>背景:白色; <BR>} <br><br>#tablist li a:链接, #tablist li a:访问过{ <BR>颜色:海军蓝; <BR>} <br><br>#tablist li a:hover{ <BR>颜色:#000000; <BR>背景:#C1C1FF; <BR>边框颜色:#227; <BR>} <br><br>#tablist li a.current{ <BR>背景:浅黄色; <BR>} <br><br></风格> <br><br><脚本类型=“text/javascript”> <br><br>/*************************************************** <BR>* 选项卡式文档查看器脚本-? 动态驱动器 DHTML 代码库 (www.dynamicdrive.com) <BR>* 本声明必须保持完整才能合法使用 <BR>* 请访问动态驱动器 http://www.dynamicdrive.com/ 以获取完整源代码 <BR>* ***************************************************/ <br><br>var selectedtablink="" <BR>var tcischecked=false <br><br>函数 handlelink(aobject){ <BR>selectedtablink=aobject .href <BR>tcischecked=(document.tabcontrol && document.tabcontrol.tabcheck.checked)? true : false <BR>if (document.getElementById && !tcischecked){ <BR>var tabobj=document.getElementById("tablist") <BR>var tabobjlinks=tabobj.getElementsByTagName("A") <BR>for (i =0; i<tabobjlinks.length; i ) <BR>tabobjlinks[i].className="" <BR>aobject.className="current" <BR>document.getElementById("tabiframe").src=selectedtablink <BR>返回 false <BR>} <BR>else <BR>返回 true <BR>} <br><br>函数handleview(){ <BR>tcischecked=document.tabcontrol.tabcheck.checked <BR>if (document. getElementById && tcischecked){ <BR>if (selectedtablink!="") <BR>window.location=selectedtablink <BR>} <BR>} <br><br>; <BR> 要自定义选项卡的外观(即:颜色),请编辑 CSS。 根本不需要修改脚本。 第 2 步:将以下代码添加到 中 您页面的部分: 复制代码 代码如下: Google Yahoo MSN News.com 动态驱动器 请在浏览器窗口中打开标签链接。 表格> 上面的 HTML 代码呈现用于包含外部文档的选项卡链接和 IFRAME 标记。 将网址更改为您自己的网址。现在,如果您有很多选项卡链接,您可以通过添加分隔符让它们显示在单独的行上: 复制代码 代码如下: Google 雅虎 MSN News.com 动态驱动器