自動輪播的訊息頁籤
圖片:自動輪播頁籤 ie 與 mozilla 通用.png
可修改項目
1.CSS
2.HTML ( 以下為完整頁籤架構 ) <tr>
<td><img name="Tag_COMM" class="ImgTab" src="Tab_Img10.gif" ></td>
<td><img name="Tag_COMM" class="ImgTab" src="Tab_Img20.gif" ></td>
<td><img name="Tag_COMM" class="ImgTab" src="Tab_Img30.gif" ></td>
</tr>
<tr><td colspan="3">
<div id="Tag_IE" name="Tag_FF" class="MsgHide">
訊息內容...
</div>
<div id="Tag_IE" name="Tag_FF" class="MsgHide">
訊息內容...
</div>
<div id="Tag_IE" name="Tag_FF" class="MsgHide">
訊息內容...
</div>
</td></tr>
</table>
3.JavaScript ( 更改輪播速度,範例為3000毫秒 )
Javascript範例下載
圖片:自動輪播頁籤 ie 與 mozilla 通用.png
可修改項目
1.CSS
←這行可有可無,不影響程式執行
.MsgHide {height:174px;border:1px solid #aaa;padding:10px;font:normal 12px 細明體;display:none}
.MsgHide {height:174px;border:1px solid #aaa;padding:10px;font:normal 12px 細明體;display:none}
2.HTML ( 以下為完整頁籤架構 ) <tr>
<td><img name="Tag_COMM" class="ImgTab" src="Tab_Img10.gif" ></td>
<td><img name="Tag_COMM" class="ImgTab" src="Tab_Img20.gif" ></td>
<td><img name="Tag_COMM" class="ImgTab" src="Tab_Img30.gif" ></td>
</tr>
<tr><td colspan="3">
<div id="Tag_IE" name="Tag_FF" class="MsgHide">
訊息內容...
</div>
<div id="Tag_IE" name="Tag_FF" class="MsgHide">
訊息內容...
</div>
<div id="Tag_IE" name="Tag_FF" class="MsgHide">
訊息內容...
</div>
</td></tr>
</table>
3.JavaScript ( 更改輪播速度,範例為3000毫秒 )
3000);
Javascript範例下載
下載狀況 [檔案大小: 下載次數: ] | |
下載:tabrotator.rar |