118、导航条显示完全版

118、导航条显示完全版

脚本说明:

把如下代码加入<body>区域中

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

function change_colors()

{

text_area.style.scrollbarBaseColor=document.c_form.BaseColor.value

text_area.style.scrollbarArrowColor=document.c_form.ArrowColor.value

text_area.style.scrollbarDarkShadowColor=document.c_form.DarkShadowColor.value

text_area.style.scrollbarFaceColor=document.c_form.FaceColor.value

text_area.style.scrollbarHighlightColor=document.c_form.HighlightColor.value

text_area.style.scrollbarShadowColor=document.c_form.ShadowColor.value

text_area.style.scrollbar3DLightColor=document.c_form.dlightColor.value

if (document.c_form.show_text.value == "Yes")

{

new_window = open("","displayWindow","width=500,height=400,left=10,top=10");

 

// open new document

  new_window.document.open();

// Text of the new document

// Replace your " with ' or \" or your document.write statements will fail

new_window.document.write("<html><title>看导航条设置的源代码</title>");

new_window.document.write("<body bgcolor=\"#FFFFFF\"><center>");

new_window.document.write("<textarea  rows=12 cols=45>");

new_window.document.write("<style type=text/css>body {");

if (c_form.BaseColor.value != "")

{

new_window.document.write("scrollbar-Base-Color:"+document.c_form.BaseColor.value +";");

}

if (c_form.ArrowColor.value != "")

{

new_window.document.write("scrollbar-Arrow-Color="+document.c_form.ArrowColor.value +";");

}

if (c_form.DarkShadowColor.value != "")

{

new_window.document.write("scrollbar-DarkShadow-Color="+document.c_form.DarkShadowColor.value +";");

}

if (c_form.FaceColor.value != "")

{

new_window.document.write("scrollbar-Face-Color="+document.c_form.FaceColor.value +";");

}

if (c_form.HighlightColor.value != "")

{

new_window.document.write("scrollbar-Highlight-Color="+document.c_form.HighlightColor.value +";");

}

if (c_form.ShadowColor.value != "")

{

new_window.document.write("scrollbar-Shadow-Color="+document.c_form.ShadowColor.value +";");

}

if (c_form.dlightColor.value != "")

{

new_window.document.write("scrollbar-3dlight-Color="+document.c_form.dlightColor.value +";");

}

new_window.document.write("}</style></textarea>");

new_window.document.write("</body></html>");

// close the document

  new_window.document.close();

}

}

//  End -->

</script>

 

 

<center>

<textarea name="text_area" cols="45" rows="5">

美国当地时间1127日晚(北京时间28日早)消息,美国防部长拉姆斯菲尔德表示,美军于美国时间27(北京时间28日凌晨)对坎大哈东南的一座设施进行了轰炸,该设施是“基地”恐怖组织头目和塔利班领导人经常出入的地方,很可能是塔利班领导人奥马尔的藏身之地。

 

</textarea>

</center>

 

<div align="center">

<center>

<table width="450">

<tr><td align="center" valign="top" width="112" nowrap>

<form name="c_form">

<div align="center">Base<br>

<select name="BaseColor">

<option value="">None</option>

<option value="#000000">Black</option>

<option value="#FFFFFF">White</option>

<option value="#008000">Green</option>

<option value="#800000">Maroon</option>

<option value="#808000">Olive</option>

<option value="#000080">Navy</option>

<option value="#800080">Purple</option>

<option value="#808080">Grey</option>

<option value="#FFFF00">Yellow</option>

<option value="#00FF00">Lime</option>

<option value="#00FFFF">Aqua</option>

<option value="#FF00FF">Fushia</option>

<option value="#C0C0C0">Silver</option>

<option value="#FF0000">Red</option>

<option value="#0000FF">Blue</option>

<option value="#008080">Teal</option>

</select>

 

</td><td align="center" valign="top" width="112" nowrap>

Arrow

<br>

<select name="ArrowColor">

<option value="">None</option>

<option value="#000000">Black</option>

<option value="#FFFFFF">White</option>

<option value="#008000">Green</option>

<option value="#800000">Maroon</option>

<option value="#808000">Olive</option>

<option value="#000080">Navy</option>

<option value="#800080">Purple</option>

<option value="#808080">Grey</option>

<option value="#FFFF00">Yellow</option>

<option value="#00FF00">Lime</option>

<option value="#00FFFF">Aqua</option>

<option value="#FF00FF">Fushia</option>

<option value="#C0C0C0">Silver</option>

<option value="#FF0000">Red</option>

<option value="#0000FF">Blue</option>

<option value="#008080">Teal</option>

</select>

 

</td><td align="center" valign="top" width="112" nowrap>

Dark Shadow

<br>

<select name="DarkShadowColor">

<option value="">None</option>

<option value="#000000">Black</option>

<option value="#FFFFFF">White</option>

<option value="#008000">Green</option>

<option value="#800000">Maroon</option>

<option value="#808000">Olive</option>

<option value="#000080">Navy</option>

<option value="#800080">Purple</option>

<option value="#808080">Grey</option>

<option value="#FFFF00">Yellow</option>

<option value="#00FF00">Lime</option>

<option value="#00FFFF">Aqua</option>

<option value="#FF00FF">Fushia</option>

<option value="#C0C0C0">Silver</option>

<option value="#FF0000">Red</option>

<option value="#0000FF">Blue</option>

<option value="#008080">Teal</option>

</select>

 

</td>

<td align="center" valign="top" width="112" nowrap>

Face

<br>

<select name="FaceColor">

<option value="">None</option>

<option value="#000000">Black</option>

<option value="#FFFFFF">White</option>

<option value="#008000">Green</option>

<option value="#800000">Maroon</option>

<option value="#808000">Olive</option>

<option value="#000080">Navy</option>

<option value="#800080">Purple</option>

<option value="#808080">Grey</option>

<option value="#FFFF00">Yellow</option>

<option value="#00FF00">Lime</option>

<option value="#00FFFF">Aqua</option>

<option value="#FF00FF">Fushia</option>

<option value="#C0C0C0">Silver</option>

<option value="#FF0000">Red</option>

<option value="#0000FF">Blue</option>

<option value="#008080">Teal</option>

</select>

 

</td></tr>

<tr><td align="center" valign="top" width="112" nowrap>

Highlight

<br>

<select name="HighlightColor">

<option value="">None</option>

<option value="#000000">Black</option>

<option value="#FFFFFF">White</option>

<option value="#008000">Green</option>

<option value="#800000">Maroon</option>

<option value="#808000">Olive</option>

<option value="#000080">Navy</option>

<option value="#800080">Purple</option>

<option value="#808080">Grey</option>

<option value="#FFFF00">Yellow</option>

<option value="#00FF00">Lime</option>

<option value="#00FFFF">Aqua</option>

<option value="#FF00FF">Fushia</option>

<option value="#C0C0C0">Silver</option>

<option value="#FF0000">Red</option>

<option value="#0000FF">Blue</option>

<option value="#008080">Teal</option>

</select>

 

</td><td align="center" valign="top" width="112" nowrap>

Shadow

<br>

<select name="ShadowColor">

<option value="">None</option>

<option value="#000000">Black</option>

<option value="#FFFFFF">White</option>

<option value="#008000">Green</option>

<option value="#800000">Maroon</option>

<option value="#808000">Olive</option>

<option value="#000080">Navy</option>

<option value="#800080">Purple</option>

<option value="#808080">Grey</option>

<option value="#FFFF00">Yellow</option>

<option value="#00FF00">Lime</option>

<option value="#00FFFF">Aqua</option>

<option value="#FF00FF">Fushia</option>

<option value="#C0C0C0">Silver</option>

<option value="#FF0000">Red</option>

<option value="#0000FF">Blue</option>

<option value="#008080">Teal</option>

</select>

 

</td><td align="center" valign="top" width="112" nowrap>

3dlight

<br>

<select name="dlightColor">

<option value="">None</option>

<option value="#000000">Black</option>

<option value="#FFFFFF">White</option>

<option value="#008000">Green</option>

<option value="#800000">Maroon</option>

<option value="#808000">Olive</option>

<option value="#000080">Navy</option>

<option value="#800080">Purple</option>

<option value="#808080">Grey</option>

<option value="#FFFF00">Yellow</option>

<option value="#00FF00">Lime</option>

<option value="#00FFFF">Aqua</option>

<option value="#FF00FF">Fushia</option>

<option value="#C0C0C0">Silver</option>

<option value="#FF0000">Red</option>

<option value="#0000FF">Blue</option>

<option value="#008080">Teal</option>

</select>

 

</td><td align="center" valign="top" width="112" nowrap>

看源代码<br>

<select name="show_text">

<option value="No">No</option>

<option value="Yes">Yes</option>

</select>

</td></tr>

<tr>

<td align="center" valign="top" colspan="4" width="442">

<input type="button" value="显示效果/看源代码" onClick="JavaScript:change_colors()">

</div>

</form>

</td></tr>

</table>

Write a comment

Comments: 0