利用javascript仿的漂亮的flash效果的菜單 -- [導航菜單]─ 深山工作室提供網絡投票系統|微信公眾號投票|微信公眾號小程序|抖音小程序|百度小程序|微信公眾號開發|企業網站建設

<thead id="jxdzp"><address id="jxdzp"><pre id="jxdzp"></pre></address></thead>

<em id="jxdzp"><span id="jxdzp"></span></em>

<listing id="jxdzp"><nobr id="jxdzp"><meter id="jxdzp"></meter></nobr></listing>

<address id="jxdzp"></address>

<noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>

<noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>

訂閱本欄目 RSS您所在的位置: 深山工作室 > 導航菜單 > 正文

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

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

以下為詳細代碼

利用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效果的跳動導航菜單

相關閱讀: 利用JavaScript獲取現在時間日期與農歷; 非常不錯的頁面搜索器,還可以移動; 微信小程序操作json與數組增加; 一個不錯的分頁效果; 利用java客戶端靜態頁面玩分頁; 用uni-app開發微信小程序用uni.makePhoneCall撥打電話; 越獄ios老應用老游戲合集下載; 一些常見的網頁設計小技巧

共有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還有其它的嗎

更多>>隨機抽取信息: ul,li設置新聞列表,超出范圍對象,自動隱藏; 網頁設計中文本輸入框的參數說明; 金岸國際旅行社; 鼠標放在表格區域內，當前格的一整行和一整列變色; CSS Alpha透明代碼相關知識學習; 兼容ie和火狐ff的透明度設置

更多標簽熱門標簽

ie6 樣式 innerText 滑輪提交 skype 網頁十字 optgroup 個人 clear 等待 form Cookie 手替換 onblur 上傳復制 onload 叛斷顯示 126 千位 slectindext vista 圖片上傳 css 透明源碼 dreawmeaver 游覽器導出 qq right css input 分隔符理想 overflow 絕對默認高度連云港旅游寬程序圖片教程漢字日歷長快捷鍵設置

行業解決方案: 抖音小程序百度小程序微信小程序

了解我們: 關于深山; 業務范圍; 案例展示中心; 聯系我們; 網站地圖; 贊助深山

動態展示: 定制網絡投票系統; 定制小程序

服務熱線: 13961347334

: 微信公眾號二維碼

: 百度小程序二維碼

: 頭條抖音小程序二維碼

: 聯系微信二維碼

: 聯系QQ二維碼

免責聲明:本站所有資料信息,有部分為本人原創,部分為從網絡收集而來,僅供網友查看閱讀所用,所有信息版權歸信息所有人或所有公司所有
如果信息內容侵犯到您的版權或權益請與我們聯系,經確認后我們會立即移除相關內容或鏈接
Copyright © 2007-2025 深山工作室 All Rights Reserved
服務QQ:565449214 手機:13961347334
ICP備案:蘇ICP備15019627號

蘇公網安備 32070502010230號

88国产精品视频一区二区三区