:::旋轉選單-1:::
範例

﹝測試頁﹞

                                 
A.貼在 <head> 這裡 </head>

可更改的部份:(都在 HTML 更改)

此部份有兩段,第一段連結變色,第二段決定文字的大小、位置。

第二段 → 

.circle { text-align: left; font-size: 16px; ........  → 為旋轉選單的文字大小。

.text { text-align: left; font-size: 12px; color:ff99ff;

top: 180px; left:350; width: 150px;  ................  → 為說明文字大小、色彩、位置,寬度。

                        
B.貼在 <body> 這裡 </body> 

可更改的部份:(都在 HTML 更改)

1.  var r = 150; //圓周大小

var xoff = 350; //水平位置

var yoff = 190; //垂直位置

var pi = Math.PI;

var inc = pi / 300;//速度   →  此段在決定選單旋轉文字的各項設定。

2. <div id="circle1" class="circle">

<img src=圖片檔名路徑 align="absmiddle" width="54" height="28">

<a href="網頁檔名路徑" target="_blank"

onmouseover="showObject(text1)"

onmouseout="hideObject(text1)">首頁</a></div>

→  每段旋轉文字的語法,更改圖檔路徑、連結網址、開啟的目標框架、文字。如果不要圖檔就把貼圖標籤刪除,如要原視窗開啟,就把目標框架的標籤刪除。

3. <div id="text1" class="text"><font size=3>

首頁</font><br><font color=66ffff>說明文字內容<br>說明文字內容</div>

→   每段說明文字的語法,如果文字不個別設定大小、色彩,就把文字、色彩標籤都刪除,會以 A 段語法的設定為準。

4.  如果要增加或刪除旋轉的選單項目與說明文字,要把語法內有 「circle1」、「text1」都要更改編號,有的要整段往下複製或刪除,有好幾處,要細細的看。

--隨意玩網--語法練習--
△TOP