查看完整版本: 上下浮動選單

11-6-2013 17:00

上下浮動選單

[color=purple]table width="100"   <<<  100為選單闊度,可更改[/color]
[color=purple][/color]
[color=purple]bordercolor="#FF00FF"  <<< #FF00FF 為選單框線顏色,可更改[/color]
[color=purple][/color]
[color=purple]bgcolor="#FFCCFF" <<< #FFCCFF 為選單內背景色,可更改[/color]

[color=#800080]font size="2"  <<< 2為選單內字型大小,可更改[/color]


[color=purple]<tr>
<td align=center>
<font size="2" color="#000000"><a href="http://bunbun000.com" target="_blank">笨笨網站</a></font>
</td>
</tr>[/color]
[color=purple][/color]
[color=purple]上列為選單連結內容全句語法,可隨意增減,更改網址及名稱即可[/color]
[color=#800080][/color]
[color=#800080][/color]
[size=3][color=#0000ff]如不能顯示語法效果可貼去本站[/color][/size][url=http://www.bunbun000.com/html/index.htm][size=3][color=red]語法測試板[/color][/size][/url][size=3][color=#0000ff]試看[/color][/size]




[color=blue]<div id="point1" STYLE="position:absolute;visibility:visible;">
<table width="100" border="2" bordercolor="#FF00FF" cellspacing="0" cellpadding="2" bgcolor="#FFCCFF">
<tr>
<td align=center>
<font size="2" color="#000000"><a href= " http://bunbun000.com" target="_blank">笨笨網站</a></font>
</td>
</tr>
<tr>
<td align=center>
<font size="2" color="#000000"><a href="http://www.bunbunhk.com/BBS/Discuz/index.php" target="_blank">笨網論壇</a></font>
</td>
</tr>
<tr>
<td align=center>
<font size="2" color="#000000"><a href="http://bunbun000.com/home/travel/index.htm" target="_blank">笨笨遊蹤</a></font>
</td>
</tr>
<tr>
<td align=center>
<font size="2" color="#000000"><a href="http://bunbun000.com/cgi-bin/bbs/lego.cgi" target="_blank">訪客留言</a></font>
</td>
</tr>
<tr>
<td align=center>
<font size="2" color="#000000"><a href="http://bunbun000.com/home/word/index.htm" target="_blank">繁簡轉換</a></font>  
</td>
</tr>
</table>
</div>
<script language="JavaScript">
<!--
var XX=5;
var xstep=1;
var delay_time=30;
var YY=0;  
var ch=0;
var oh=0;
var yon=0;
var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if (ns6){
YY=window.innerHeight
document.getElementById('point1').style.top=YY
}
function reloc1()
{
if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("point1").offsetHeight
}
if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.left=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById("point1").style.left=XX
document.getElementById("point1").style.top=YY+window.pageYOffset
}
}
function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}
if (ie||ns4||ns6)
window.onload=onad
-->
</script>[/color]

11-6-2013 17:02

複製上列語法

<form name="copy">
<textarea cols="40" name="txt" rows="4" style="BACKGROUND-COLOR:#ffffff; COLOR:#000000; FONT-SIZE:9pt">
<div id="point1" STYLE="position:absolute;visibility:visible;">
<table width="100" border="2" bordercolor="#FF00FF" cellspacing="0" cellpadding="2" bgcolor="#FFCCFF">
<tr>
<td align=center>
<font size="2" color="#000000"><a href="http://bunbun000.com" target="_blank">笨笨網站</a></font>
</td>
</tr>
<tr>
<td align=center>
<font size="2" color="#000000"><a href="http://www.bunbunhk.com/BBS/Discuz/index.php" target="_blank">笨網論壇</a></font>
</td>
</tr>
<tr>
<td align=center>
<font size="2" color="#000000"><a href="http://bunbun000.com/home/travel/index.htm" target="_blank">笨笨遊蹤</a></font>
</td>
</tr>
<tr>
<td align=center>
<font size="2" color="#000000"><a href="http://bunbun000.com/cgi-bin/bbs/lego.cgi" target="_blank">訪客留言</a></font>
</td>
</tr>
<tr>
<td align=center>
<font size="2" color="#000000"><a href="http://bunbun000.com/home/word/index.htm" target="_blank">繁簡轉換</a></font>  
</td>
</tr>
</table>
</div>
<script language="JavaScript">
<!--
var XX=5;
var xstep=1;
var delay_time=30;
var YY=0;  
var ch=0;
var oh=0;
var yon=0;
var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if (ns6){
YY=window.innerHeight
document.getElementById('point1').style.top=YY
}
function reloc1()
{
if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("point1").offsetHeight
}
if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.left=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById("point1").style.left=XX
document.getElementById("point1").style.top=YY+window.pageYOffset
}
}
function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}
if (ie||ns4||ns6)
window.onload=onad
-->
</script>
</textarea><br>
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="全選">
</form>

<br>

<script type="text/javascript"><!--
google_ad_client = "ca-pub-4078143172638881";
/* 336X280 */
google_ad_slot = "3268225205";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
頁: [1]
查看完整版本: 上下浮動選單