天堂精品,99热精品在线,久久综合久久综合久久综合

利用javascript仿的漂亮的flash效果的菜單

網絡 2009/4/16 20:51:26 深山行者字體:大中小瀏覽 9322

以下為詳細代碼

利用javascript仿的漂亮的flash效果的菜單<style>
/* 先把這個 xmenu 的樣式放到css里 */
.xmenu td{font-size:12px;font-family:verdana,arial;font-weight:bolder;color:#ffffff;border:1px solid #336699;background:#336699;filter:blendtrans(duration=0.5);cursor:hand;text-align:center;}
</style>
<script>
/* 
這是把事件動作綁定到菜單上的函數
*/
function attachXMenu(objid){
	var tds=objid.getElementsByTagName('td');
	for(var i=0;i<tds.length;i++){
		with(tds[i]){
			onmouseover=function(){
				with(this){
					filters[0].apply();
					style.background='#66CCFF'; //這是鼠標移上去時的背景顏色
					style.border='1px solid #ffffff'; //邊框
					style.color='black'; //文字顏色
					filters[0].play();
				}
			}
			onmouseout=function(){
				with(this){
					filters[0].apply();
					style.background='#336699'; //這是鼠標離開時的背景顏色
					style.border='1px solid #336699'; //邊框
					style.color='#ffffff'; //文字顏色
					filters[0].play();
				}
			}
		}
	}
}
</script>

<table class="xmenu" id="xmenu0" width="500" cellpadding="1" cellspacing="4" border="0" bgcolor="#336699" align="center">
	<tr>
		<td><a href="#">aaaaaaaaaaaaaaaa</a></td>
		<td>Name</td>
		<td>Is</td>
		<td>LeX</td>
		<td>Rus</td>
		<td>!!!</td>
	</tr>
</table>
<script>attachXMenu(xmenu0); //在上面這個table結束的地方執行事件動作的綁定, 這里的這個xmenu0就是那個table的id</script>
<br><br><br><br>

<table class="xmenu" id="xmenu1" width="100" cellpadding="1" cellspacing="4" border="0" bgcolor="#336699" align="center">
	<tr><td>My</td></tr>
	<tr><td>Name</td></tr>
	<tr><td>Is</td></tr>
	<tr><td>LeX</td></tr>
	<tr><td>Rus</td></tr>
	<tr><td>!!!</td></tr>
</table>
<script>attachXMenu(xmenu1);</script>

前一頁:來自網易空間排行寬度可以變化的選項卡

后一頁:模仿as效果的跳動導航菜單

相關閱讀: CSS編寫過程中常見的10個錯誤以及解決方法; ASP留言板IP或IP段限制與限制留言次數; asp中fso實現對文件或文件夾進行創建刪除等操作函數; 利用javascript做的頁內(詳細頁)搜索功能并將結果高亮突出顯示; asp利用函數生成指定位數的隨機數字符串; 一個非常不錯的文字的提示; 高度100%的絕對定位自適應布局技巧; asp模擬動態加載include file

共有0條關于《利用javascript仿的漂亮的flash效果的菜單》的評論: 發表評論

正在加載評論......

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發; 微信小程序開發; 微信公眾號開發; uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: div+CSS的無限級擴展下拉菜單(全部加了注釋); 經典的仿藍色理想TAB橫向下拉菜單效果; 純div+css制作的彈出菜單-05; 純div+css制作的彈出菜單-04; 純div+css制作的彈出菜單-02; 純div+css制作的彈出菜單-02

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 我們使用的42個著名搜索引擎; javascript自動獲取Tags關鍵字; 這個超級強的div+css圖片大小自適應; JS壓縮; CSS語法在DW中無效的解決方法; QQ郵箱文件中轉站點擊下載效果

更多標簽熱門標簽

三級選擇框代碼 css 等待蜘蛛字節數 FSO 顏色漸變 Margin加倍閉合詳解移動建立日期網易拖動 2003 對話框復選框滾動條工作深山v1.0旅行社網站管理系統 Cookie div CSS 右擊調用改變論壇數組快捷鍵還原背景豎排 ul Java 偽類計算營銷舒服數據 iframe css 百度省市評論圖片添加 optgroup 靜態 jpg

天天射射天天_久久com_99这里只有精品视频_爱色av_国产在线a_99日韩

利用javascript仿的漂亮的flash效果的菜單