📄 title.html
字号:
<html><head><meta http-equiv="content-type" content="text/html; charset=gb2312"><title>dhTabStrip 1.0</title><link type="text/css" rel="stylesheet" href="dhtabstrip.css"><script language="javascript" type="text/javascript" src="dhtabstrip.js"></script></head><body style="background:#ECE9D8;"><div id="daa" style="display:none;"><fieldset><legend>主页</legend>可以更改主页。<br/>地址：<input type="text" style="width:300px;"><br/><input type="button" value="使用当前页(C)" style="width:105px;"><input type="button" value="使用默认页(D)" style="width:105px;"><input type="button" value="使用空白页(B)" style="width:105px;"></fieldset></div><div id="dab" style="display:none;"><fieldset><legend>该区域的安全级别</legend>移动滑块设置该区域的安全级别。<br/><b>安全级 - 中</b><br/><input type="button" value="自定义级别(C)..." style="width:120px;"><input type="button" value="默认级别(D)" style="width:120px;" disabled></fieldset></div><div id="dac" style="display:none;"><fieldset><legend>设置</legend>要使用滑块设置隐私等级而不使用自定义设置，请单击“默认”按钮。<br/><b>自定义</b><br/>- 高级或导入的设置<br/><input type="button" value="导入(I)..." style="width:100px;"><input type="button" value="高级(V)..." style="width:100px;"><input type="button" value="默认(D)" style="width:100px;"></fieldset></div><div id="dad" style="display:none;"><fieldset><legend>分级审查</legend>分级系统可帮助您控制在该计算机上看到的 Internet 内容。<br/><input type="button" value="启用(E)..." style="width:100px;"><input type="button" value="设置(T)..." style="width:100px;" disabled></fieldset></div>第一个TabStrip<br/>getChildNodes()方法获得dhTabStrip节点对象<select id="showelement" style="width:200px;" onchange="dt.showTab(this.value);alert(this.options[this.selectedIndex].getAttribute('ntext'));"></select>可以选择不同的选项进行切换！<br/><input type="button" value="remove1" onclick="dt.removeTab(0);"><input type="button" value="remove2" onclick="dt.removeTab(1);"><input type="button" value="remove3" onclick="dt.removeTab(2);"><input type="button" value="remove4" onclick="dt.removeTab(3);"><input type="button" value="remove5" onclick="dt.removeTab(4);"><br/><input type="button" value="给第一个TabStrip添加一个新的标签" onclick="dt.addTab('newTab','this is newTab');"><br/><br/><script language="javascript" type="text/javascript"> var dt = new dhtabStrip(); dt.width = 350; dt.height = 230; dt.init(document.body); dt.addTab("常规",document.getElementById("daa").innerHTML); dt.addTab("安全",document.getElementById("dab").innerHTML); dt.addTab("隐私",document.getElementById("dac").innerHTML); dt.addTab("内容",document.getElementById("dad").innerHTML);</script><br/>第二个TabStrip<br/><script language="javascript" type="text/javascript"> var dt2 = new dhtabStrip(); dt2.rid = "dhtabstrip2"; dt2.tabwidth = 70; dt2.width = 300; dt2.height = 200; dt2.init(document.body); dt2.addTab("常规常规常规常规","常规要设置一个 Internet 连接，单击“设置”。"); dt2.addTab("安全安全安全安全","安全检查 Internet Explorer 是否为默认的浏览器(<u>I</u>)"); dt2.addTab("隐私隐私隐私隐私","隐私还原默认设置(<u>R</u>)"); dt2.addTab("内容内容内容内容","内容要设置一个 Internet 连接，单击“设置”。"); dt2.addTab("连接连接连接连接","连接要设置一个 Internet 连接，单击“设置”。"); dt2.addTab("程序程序程序程序","程序检查 Internet Explorer 是否为默认的浏览器(<u>I</u>)"); dt2.addTab("高级高级高级高级","高级还原默认设置(<u>R</u>)");</script><br/>第三个TabStrip<br/><script language="javascript" type="text/javascript"> var dt3 = new dhtabStrip(); dt3.rid = "dhtabstrip3"; dt3.width = 350; dt3.height = 230; dt3.tabwidth = 70; dt3.init(document.body); dt3.addTab("常规",document.getElementById("daa").innerHTML); dt3.addTab("安全",document.getElementById("dab").innerHTML); dt3.addTab("隐私",document.getElementById("dac").innerHTML); dt3.addTab("内容",document.getElementById("dad").innerHTML);</script><script language="javascript" type="text/javascript">function getdtelement(){ var str = ""; var o = dt.getChildNodes(); for(var i=0;i<o.length;i++){ var oOption = document.createElement("OPTION"); oOption.innerHTML = i+1+" "+o[i].ts.innerHTML; oOption.value = i; oOption.setAttribute("ntext",o[i].tc); document.getElementById("showelement").appendChild(oOption); }}getdtelement();</script></body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -