menujs免費源代碼下載（menujs）

本文目錄一覽：

• 1、簡單易懂的jQuery導航(三級菜單)源碼
• 2、電影《源代碼》國語版高清在線觀看 電影《源代碼》完整下載
• 3、怎麼把一個網頁的js代碼下載 下來啊
• 4、www.code123.net這個網址做的不錯，源碼哪裡可以下啊
• 5、誰內給我講一將如下 下拉菜單的js代碼
• 6、關於下拉菜單的JS代碼

簡單易懂的jQuery導航(三級菜單)源碼

!– 三級操蛋導航 —

div class=”nav_left”

div class=”nav_leftlist”

h2b/b用戶系統/h2

dl

dtb/b用戶管理/dt

dd

a class=”cur” href=””商戶信息b/b/a

a href=””用戶信息b/b/a

/dd

/dl

/div

div class=”nav_leftlist”

h2b/b財務系統/h2

dl

dtb/b系統賬務/dt

dd

a href=””平台賬單b/b/a

a href=””賬單明細b/b/a

/dd

/dl

dl

dtb/b商戶賬務/dt

dd

a href=””商戶賬單b/b/a

a href=””提現管理b/b/a

/dd

/dl

dl

dtb/b用戶賬務/dt

dd

a href=””用戶賬單b/b/a

a href=””提現管理b/b/a

/dd

/dl

/div

/div

style

.nav_left{background: #232b35;height: 100%;width: 220px;min-height: 600px;position: fixed;top: 100px;left: 0;}

.nav_leftlist{}

.nav_leftlist h2{height: 50px;line-height: 50px;padding-left: 40px;font-size: 16px;background: #3b444f;color: #999999;position: relative;cursor: pointer;}

.nav_leftlist h2 b{position: absolute;top: 20px;left: 13px;width: 16px;height: 9px;background: url(../images/icon04.png) no-repeat;background-position: 0 0;cursor: pointer;}

.nav_leftlist h2 b.cur{background-position: -16px 0;}

.nav_leftlist dl{}

.nav_leftlist dl dt{height: 50px;line-height: 50px;background: #2c3643;font-size: 16px;color: #ffffff;padding-left: 60px;position: relative;cursor: pointer;}

.nav_leftlist dl dt b{position: absolute;top: 20px;left: 34px;width: 16px;height: 9px;background: url(../images/icon04.png) no-repeat;background-position: 0 -10px;}

.nav_leftlist dl dt b.cur{background-position: -16px -10px;}

.nav_leftlist dl dd{}

.nav_leftlist dl dd a{display: block;height: 50px;line-height: 50px;color: #fff;padding-left: 80px;font-size: 16px;position: relative;}

.nav_leftlist dl dd a.cur{color: #ee581c;}

.nav_leftlist dl dd a.cur b{display: block;position: absolute;top: 16px;right: -1px;width: 11px;height: 18px;background: url(../images/icon04.png) no-repeat;background-position: 0 -20px;}

/style

/body

script type=”text/javascript” src=”../js/jquery.js” /script

script type=”text/javascript” 

$(function(){

$(‘.nav_leftlist’).on(‘click’, ‘h2’, function(event) {

$(this).siblings(‘dl’).toggle();

if($(this).siblings(‘dl’).css(‘display’)==’none’){

$(this).find(‘b’).addClass(‘cur’);

}else{

$(this).find(‘b’).removeClass(‘cur’);

}

});

$(‘.nav_leftlist’).on(‘click’, ‘dl dt’, function(event) {

$(this).siblings(‘dd’).toggle();

if($(this).siblings(‘dd’).css(‘display’)==’none’){

$(this).find(‘b’).addClass(‘cur’);

}else{

$(this).find(‘b’).removeClass(‘cur’);

}

});

})

/script

效果圖：

電影《源代碼》國語版高清在線觀看 電影《源代碼》完整下載

《源代碼》百度網盤高清資源免費在線觀看

鏈接:

提取碼: fnkx  

影片講述了一位在阿富汗執行任務的美國空軍飛行員柯爾特·史蒂文斯，醒來時發現自己正處在一輛前往芝加哥的火車上，並就此經歷的一系列驚心動魄的事件。

怎麼把一個網頁的js代碼下載 下來啊

你先找一下那個頁面的源代碼，一般在網頁最上面的查看-源文件-然後找到文中有js的那個路徑，講路徑複製粘貼到迅雷中就可以了，記住要把上面的地址連同js的地址一起粘貼上去

www.code123.net這個網址做的不錯，源碼哪裡可以下啊

這是首頁的源代碼:!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”

html

head

meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″

title首頁 – 源碼世界(Code123.Net) – asp源碼,cgi源碼,php源碼,jsp源碼,.net源碼,網站素材,網頁素材,網頁模板,商業模板,免費模板,常用軟件,註冊版,破解版,免費LOGO,娛樂,flash動畫,網絡編程,網絡學院,站長資源,網站聯盟,精品網址,圖片,壁紙,桌面,書籍教程,服務器架設,服務器軟件,電子圖書,LOGO模板,精品字體,字體下載,軟件下載,源碼下載,源碼 /title

meta name=keywords content=”源碼世界 asp源碼,cgi源碼,php源碼,jsp源碼,.net源碼,網站素材,網頁素材,網頁模板,商業模板,免費模板,常用軟件,註冊版,破解版,免費LOGO,娛樂,flash動畫,網絡編程,網絡學院,站長資源,網站聯盟,精品網址,圖片,壁紙,桌面,書籍教程,服務器架設,服務器軟件,電子圖書,LOGO模板,精品字體,字體下載,軟件下載,源碼下載,源碼”

meta name=”description” content=”首頁 ,源碼世界”

LINK href=”/skin/default/style.css” type=text/css rel=stylesheet

meta name=”MSSmartTagsPreventParsing” content=”TRUE”

meta http-equiv=”MSThemeCompatible” content=”Yes”

meta http-equiv=”html” content=”no-cache”

/head

script src=”/inc/menu.js” type=”text/javascript”/script

body

table width=”778″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”tableborder”

tr

td height=”5″/td

/tr

tr

td height=”25″ align=”right” class=”tablebody”a href=”/” class=navmenu首 頁/a ┆ a href=”/Article/” title=”站長學院” class=navmenu站長學院/a ┆ a href=”/soft/” title=”源碼下載” class=navmenu源碼下載/a ┆ a href=”/GuestBook/” title=”客戶留言” class=navmenu客戶留言/a ┆ a name=”StranLink” style=”color:red”繁體中文/a/td

/tr

tr

td height=”1″/td

/tr

tr

td height=”74″ background=”/skin/default/top1.gif”table width=”100%” border=0 align=center cellpadding=0 cellspacing=0

tr

td width=”180″ align=”center”img src=”/skin/default/logo.gif” width=”180″ height=”60″/td

td width=”500″ align=”center”script language=javascript src=/adfile/banner.js/script/td

td width=”90″ height=”70″ align=”center” nowrapimg src=”/skin/default/top_home.gif” width=”13″ height=”12″ border=0 a onclick=”this.style.behavior=’url(#default#homepage)’;this.sethomepage(”);return false;” href=”” title=”將本站設為你的首頁”設為首頁/abr

img src=”/skin/default/top_gift.gif” width=”13″ height=”12″ border=0 a href=”javascript:window.external.AddFavorite(location.href,document.title)” title=”將本站加入到你的收藏夾”加入收藏/abr

img src=”/skin/default/top_mail.gif” width=”13″ height=”12″ border=0 a href=”mailto:code123@126.com”聯繫我們/a/td

/tr

/table/td

/tr

tr

td height=”1″/td

/tr

/table

table width=”778″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”tableborder”

tr height=”22″

td align=”center” nowrap class=”navbarbg” 源碼：/td

td width=”96%” class=”navbarbg”a href=’/soft/asp/’ class=navbar title=’ASP 源碼’ASP 源碼/a | a href=’/soft/php/’ class=navbar title=’PHP 源碼’PHP 源碼/a | a href=’/soft/net/’ class=navbar title=’.NET源碼’.NET源碼/a | a href=’/soft/cgi/’ class=navbar title=’CGI 源碼’CGI 源碼/a | a href=’/soft/jsp/’ class=navbar title=’JSP 源碼’JSP 源碼/a | a href=’/soft/fla/’ class=navbar title=’Fla 源碼’Fla 源碼/a | a href=’/soft/server/’ class=navbar title=’服務器類’服務器類/a | a href=’/soft/book/’ class=navbar title=’書籍教程’書籍教程/a | a href=’/soft/mb/’ class=navbar title=’網頁模板’網頁模板/a | a href=’/soft/material/’ class=navbar title=’網站素材’網站素材/a | a href=’/soft/font/’ class=navbar title=’字體下載’字體下載/a/td

/tr

tr height=”22″

td align=”center” nowrap class=”navbarbg” 學院：/td

td class=”navbarbg”a href=’/Article/program/’ class=navbar title=’網絡編程’網絡編程/a | a href=’/Article/website/’ class=navbar title=’網頁設計’網頁設計/a | a href=’/Article/photo/’ class=navbar title=’圖形圖象’圖形圖象/a | a href=’/Article/database/’ class=navbar title=’數 據 庫’數 據 庫/a | a href=’/Article/server/’ class=navbar title=’服 務 器’服 務 器/a | a href=’/Article/Media/’ class=navbar title=’網絡媒體’網絡媒體/a | a href=’/Article/Security/’ class=navbar title=’網絡安全’網絡安全/a | a href=’/Article/Club/’ class=navbar title=’站長CLUB’站長CLUB/a/td

/tr

tr

td height=”1″ colspan=”3″ bgcolor=”#DFDFDF”/td

/tr

/table

table width=”778″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”tableborder”

tr

td height=”2″/td

/tr

tr

td bgcolor=”#EFEFEF”iframe src=”/login.asp” border=0 width=100% height=26 frameborder=0 scrolling=no/iframe/td

/tr

tr

td height=”2″/td

/tr

/table

table width=”778″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”tableborder”

tr

tdscript language=javascript src=/adfile/top.js/script/td

/tr

tr

td height=”5″/td

/tr

tr

td height=”8″ class=”linebar”/td

/tr

tr

td height=”5″/td

/tr

/table!–#index 首頁當前位置–

table width=”778″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”tableborder”

tr

td height=”22″ bgcolor=”#EFEFEF”table width=”100%” border=”0″ cellspacing=”2″ cellpadding=”0″

tr

td width=”4%” align=”center”img src=”/skin/default/class_ar.gif” width=”13″ height=”13″/td

td width=”74%”您當前的位置：a href=”/”源碼世界/a – 首頁/td

td width=”22%” align=”center”img src=”/skin/default/h_arrow.gif” width=”11″ height=”11″ align=”absmiddle” a href=”/user/logout.asp”退出登錄/a img src=”/skin/default/h_arrow.gif” width=”11″ height=”11″ align=”absmiddle” a href=”/user/”用戶管理/a/td

/tr

/table/td

/tr

tr

td height=”1″ bgcolor=”D9D9D9″/td

/tr

tr

td height=”5″/td

/tr

/table

table width=”778″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”tableborder”

tr valign=”top”

td width=”188″ class=”tableleft”

table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″

tr

td class=”titleback2″站內統計/td

/tr

tr

td height=”100″ valign=”top”

· 共有文章數量： font color=redstrong10712/strong/font 篇br

· 今日更新文章： font color=redstrong0/strong/font 篇br

· 文章總閱覽數： font color=redstrong8440/strong/font 次br

· 共有軟件數量： font color=redstrong2525/strong/font 個br

· 今日更新軟件： font color=redstrong21/strong/font 個br

· 軟件總下載數： font color=redstrong22272/strong/font 次br

· 軟件總的容量： font color=redstrong7.579/strong/font Gbr

· 發表留言總數： font color=redstrong1/strong/fontbr

· 今日發表留言： font color=redstrong0/strong/fontbr

· 註冊會員總數： font color=redstrong125/strong/fontbr

· 當前在線人數： strong style=”color:red;”script src=”count.asp?id=1″ type=”text/javascript”/script/td

/tr

/table /td

td width=”588″ align=”right” class=”tableright”

table width=”575″ border=”0″ cellspacing=”0″ cellpadding=”0″ class=”showbody3″

tr height=”25″

td width=”35″ align=”center” bgcolor=”#EFEFEF”img src=”/skin/default/announce.gif” width=”20″ height=”16″/td

td width=”540″ bgcolor=”#EFEFEF”marquee scrollAmount=3· a href=”/Announce.Asp?AnnounceID=1″ title=”如果您遇到不可下載的源碼請報錯給我們” target=”_blank”如果您遇到不可下載的源…/a  font color=’#808080’2006-03-31/font

/marquee/td

/tr

/table

table width=”575″ border=”0″ cellspacing=”0″ cellpadding=”0″

tr

td height=”5″ colspan=”2″/td

/tr

tr

td width=”406″ height=”25″ class=”titleback3″ 最近推薦作品/td

/tr

td valign=”top” class=”showbody1″table width=”100%” border=”0″ cellpadding=”1″ cellspacing=”3″

tr

td align=”center” class=”imagelist”div class=”divpic”a href=’/soft/book/php/2487.html’ title=’PHPMORE’ target=”_blank”img src=”/soft/UploadPic/2006-4/2006441715285619.jpg” width=120 height=100 border=0/a/div

div style=”line-height: 22px;”a href=’/soft/book/php/2487.html’ title=’PHPMORE’ target=”_blank”PHPMORE…/a/div/td

td align=”center” class=”imagelist”div class=”divpic”a href=’/soft/book/php/2486.html’ title=’PHP 5 揭密(CHM)’ target=”_blank”img src=”/soft/UploadPic/2006-4/2006441704043785.jpg” width=120 height=100 border=0/a/div

div style=”line-height: 22px;”a href=’/soft/book/php/2486.html’ title=’PHP 5 揭密(CHM)’ target=”_blank”PHP 5 揭…/a/div/td

td align=”center” class=”imagelist”div class=”divpic”a href=’/soft/material/pic/2355.html’ title=’2300多個經典新圖標’ target=”_blank”img src=”/soft/UploadPic/2006-3/200633017585771686.gif” width=120 height=100 border=0/a/div

div style=”line-height: 22px;”a href=’/soft/material/pic/2355.html’ title=’2300多個經典新圖標’ target=”_blank”2300多個…/a/div/td

td align=”center” class=”imagelist”div class=”divpic”a href=’/soft/asp/ofter/2346.html’ title=’科汛網站管理系統 2006 SP1 全功能免費正式版’ target=”_blank”img src=”/soft/UploadPic/2006-3/20063301811264057.gif” width=120 height=100 border=0/a/div

div style=”line-height: 22px;”a href=’/soft/asp/ofter/2346.html’ title=’科汛網站管理系統 2006 SP1 全功能免費正式版’ target=”_blank”科汛網站…/a/div/td

/tr

/table

/td

/tr

/table

table width=”575″ border=”0″ cellspacing=”0″ cellpadding=”0″

tr

td height=”5″ colspan=”2″/td

/tr

tr

td width=”130″ height=”30″ bgcolor=”#EFEFEF”img src=”/skin/default/search.gif” width=”120″ height=”26″/td

td width=”445″ bgcolor=”#EFEFEF”!–搜索表單–table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″

tr

form onSubmit=”window.location=this.field.options[this.field.selectedIndex].value+this.keyword.value; return false;”

td bgcolor=”#EFEFEF” height=”25″ nowrap

input name=”keyword” size=”30″ value=’關鍵字’ maxlength=’50’ onFocus=’this.select();’

select name=”field”

option value=”soft/search.asp?act=topickeyword=”軟件下載/option

option value=”article/search.asp?act=topickeyword=”新聞資訊/option

option value=”flash/search.asp?act=topickeyword=”FLASH搜索/option

option value=”article/search.asp?act=isWebkeyword=”網頁搜索/option

/select

input name=”Submit” src=”skin/default/d_search.gif” type=”image” value=”Submit” width=”60″ height=”20″ align=”absmiddle” border=”0″/td

/form

/tr

/table/td

/tr

tr

td height=”5″ colspan=”2″/td

/tr

/table

/td

/tr

/table

table width=”778″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”tableborder”

tr

td align=”center”script language=”javascript” src=”adfile/indexmid.js”/script/td

/tr

/table

table width=”778″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”tableborder”

tr valign=”top”

td width=”188″ height=”300″ class=”tableleft”table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″

tr

td class=”titleback1″熱門下載/td

/tr

tr

td height=”100″ valign=”top”table width=”100%” border=0 cellpadding=2 cellspacing=0tr

td class=”showlist1″· a href=’/soft/asp/fun/932.html’ target=”_blank” title=’源碼名稱：亞陽影視 v1.3

發佈時間：2006-2-22 2:18:57

下載次數：4208′ class=showlist亞陽影視 v1.3/a/td

td align=right class=”showlist1″/td

/trtr

td class=”showlist2″· a href=’/soft/mb/flash/134.html’ target=”_blank” title=’源碼名稱：6套FLASH+HTML網頁模版

發佈時間：2006-2-16 17:08:22

下載次數：283′ class=showlist6套FLASH+HTML網頁模版…/a/td

td align=right class=”showlist2″/td

/trtr

td class=”showlist1″· a href=’/soft/font/cn/1411.html’ target=”_blank” title=’源碼名稱：創意最新25款中文字體

發佈時間：2006-2-24 17:46:31

下載次數：261′ class=showlist創意最新25款中文字體…/a/td

td align=right class=”showlist1″/td

/trtr

td class=”showlist2″· a href=’/soft/material/icon/1712.html’ target=”_blank” title=’源碼名稱：1351個晶瑩剔透的水晶按鈕圖標

發佈時間：2006-3-7 12:49:37

下載次數：247′ class=showlist1351個晶瑩剔透的水晶…/a/td

td align=right class=”showlist2″/td

/trtr

td class=”showlist1″· a href=’/soft/mb/web/131.html’ target=”_blank” title=’源碼名稱：漂亮清新的全站模板

發佈時間：2006-2-16 16:52:58

下載次數：203′ class=showlist漂亮清新的全站模板/a/td

td align=right class=”showlist1″/td

/trtr

td class=”showlist2″· a href=’/soft/font/cn/78.html’ target=”_blank” title=’源碼名稱：方正黃草簡體

發佈時間：2006-2-16 13:38:30

下載次數：168′ class=showlist方正黃草簡體/a/td

td align=right class=”showlist2″/td

/trtr

td class=”showlist1″· a href=’/soft/asp/news/2159.html’ target=”_blank” title=’源碼名稱：凡塵文章管理系統

發佈時間：2006-3-24 7:41:35

下載次數：161′ class=showlist凡塵文章管理系統/a/td

td align=right class=”showlist1″/td

/trtr

td class=”showlist2″· a href=’/soft/mb/korea/1661.html’ target=”_blank” title=’源碼名稱：一個不錯的韓國網站模版

發佈時間：2006-3-4 19:16:45

下載次數：139′ class=showlist一個不錯的韓國網站模…/a/td

td align=right class=”showlist2″/td

/trtr

td class=”showlist1″· a href=’/soft/mb/common/1662.html’ target=”_blank” title=’源碼名稱：經典2006綠色清爽荷葉個人主頁 V2.0

發佈時間：2006-3-4 19:25:17

下載次數：136′ class=showlist經典2006綠色清爽荷葉…/a/td

td align=right class=”showlist1″/td

/tr/table/td

/tr

tr

td height=”3″ bgcolor=”#FFFFFF”/td

/tr

/table

table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″

tr

td class=”titleback2″投票調查/td

/tr

tr

td height=”100″ valign=”top”iframe src=”vote/vote.htm” border=”0″ width=”100%” height=”220″ frameborder=”0″ scrolling=”no”/iframe /td

/tr

/table/td

td width=”588″ align=”right” class=”tableright”table width=”575″ border=”0″ cellspacing=”0″ cellpadding=”0″

tr

td width=”286″ class=”showtitle3″ 源碼更新/td

td width=”3″ rowspan=”2″/td

td width=”286″ class=”showtitle3″ 文章更新/td

/tr

tr

td height=”150″ valign=”top” class=”showbody1″table width=”100%” border=0 cellpadding=2 cellspacing=0tr

td class=”showlist1″· a href=’/soft/asp/business/2551.html’ title=’源碼名稱：鳳台中介

發佈時間：2006-4-7 15:12:34

下載次數：0′ class=showlist鳳台中介/a/td

td align=right class=”showlist1″font color=’#FF0066’04-07/font/td

/trtr

td class=”showlist2″· a href=’/soft/asp/web/2550.html’ title=’源碼名稱：蝗蟲樂隊中文網 v1.0

發佈時間：2006-4-7 15:11:23

下載次數：0′ class=showlist蝗蟲樂隊中文網 v1.0/a/td

td align=right class=”showlist2″font color=’#FF0066’04-07/font/td

/trtr

td class=”showlist1″· a href=’/soft/asp/web/2549.html’ title=’源碼名稱：蝴蝶養貓個人主頁完美版

發佈時間：2006-4-7 15:10:09

下載次數：0′ class=showlist蝴蝶養貓個人主頁完美版/a/td

td align=right class=”showlist1″font color=’#FF0066’04-07/font/td

/trtr

td class=”showlist2″· a href=’/soft/asp/web/2548.html’ title=’源碼名稱：666傳奇私服發佈系統綠色版 v2.9綠色美化版

發佈時間：2006-4-7 14:41:16

下載次數：0′ class=showlist666傳奇私服發佈系統綠色版…/a/td

td align=right class=”showlist2″font color=’#FF0066’04-07/font/td

/trtr

td class=”showlist1″· a href=’/soft/asp/fun/2547.html’ title=’源碼名稱：1624部視頻(電影)生成本地HTML 1.0

發佈時間：2006-4-7 14:40:11

下載次數：0′ class=showlist1624部視頻(電影)生成本地…/a/td

td align=right class=”showlist1″font color=’#FF0066’04-07/font/td

/trtr

td class=”showlist2″· a href=’/soft/asp/web/2546.html’ title=’源碼名稱：Asicn在線-網址導航 V1.0

發佈時間：2006-4-7 14:39:01

下載次數：0′ class=showlistAsicn在線-網址導航 V1.0/a/td

td align=right class=”showlist2″font color=’#FF0066’04-07/font/td

/trtr

td class=”showlist1″· a href=’/soft/asp/web/2545.html’ title=’源碼名稱：QQ娛樂資源網音樂插件版

發佈時間：2006-4-7 14:34:51

下載次數：0′ class=showlistQQ娛樂資源網音樂插件版/a/td

td align=right class=”showlist1″font color=’#FF0066’04-07/font/td

/trtr

td class=”showlist2″· a href=’/soft/asp/web/2544.html’ title=’源碼名稱：江中島星座情緣 4.1

發佈時間：2006-4-7 14:33:34

下載次數：0′ class=showlist江中島星座情緣 4.1/a/td

td align=right class=”showlist2″font color=’#FF0066’04-07/font/td

/trtr

td class=”showlist1″· a href=’/soft/asp/ofter/2543.html’ title=’源碼名稱：江中島（揚中）友情連接自助系統（美化版本） 4.1

發佈時間：2006-4-7 14:32:21

下載次數：0′ class=showlist江中島（揚中）友情連接自…/a/td

td align=right class=”showlist1″font color=’#FF0066’04-07/font/td

/tr/table/td

td valign=”top” class=”showbody2″table width=”100%” border=0 cellpadding=2 cellspacing=0tr

td class=”showlist1″· font color=’#FF0066′[組圖]/font a href=’/Article/photo/photoshop/10713.html’ target=”_blank” title=’文章標題：Photoshop調整色彩飽和度欠佳的圖片

發佈時間：2006-4-6 10:25:22

閱覽次數：3′ class=showlistPhotoshop調整色彩飽和度欠…/a/td

td class=”showlist1″font color=’#808080’04-06/font/td

/trtr

td class=”showlist2″· font color=’#FF0066′[組圖]/font a href=’/Article/photo/photoshop/10712.html’ target=”_blank” title=’文章標題：Photoshop鼠繪一個鮮脆欲滴的蘋果

發佈時間：2006-4-6 10:24:26

閱覽次數：1′ class=showlistPhotoshop鼠繪一個鮮脆欲滴…/a/td

td class=”showlist2″font color=’#80

誰內給我講一將如下 下拉菜單的js代碼

第一， visibility：heddin；是讓子菜單初始化時隱藏。這樣下面的showmenu函數顯示時才有從無到有的效果。

第二 showmenu 是函數名字，可以自己命名，規則和變量名規則一樣

第三 觸發這個函數時 把子菜單的顯示屬性設置為顯示 如果是hidden 則隱藏。menu是子菜單對象 style是子菜單的樣式對象，也可以說是樣式屬性 visibility是設置網頁元素顯示與否的樣式屬性 這裡可以改成menu.style.display=””;

第四 document.onclick = hidmenu；是給網頁單擊事件指定處理函數

這是例子，如果是放到實際網頁里就不能這麼寫了

最好是給每個a標籤指定 onclick事件

像下邊一樣 a href=”javascript:showmenu()”下拉菜單/a

關於下拉菜單的JS代碼

style type=”text/css”

#mainMenu{

background-color: #FFF; /* Background color of main menu */

font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; /* Fonts of main menu items */

font-size:1.2em; /* Font size of main menu items */

border-bottom:1px solid #000000; /* Bottom border of main menu */

height:30px; /* Height of main menu */

position:relative; /* Don’t change this position attribute */

visibility: hidden;

}

#mainMenu a{

padding-left:20px; /* Spaces at the left of main menu items */

padding-right:20px; /* Spaces at the right of main menu items */

font-weight: bold;

/* Don’t change these two options */

position:absolute;

bottom:-1px;

}

#submenu{

font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; /* Font of sub menu items */

background-color:#E2EBED; /* Background color of sub menu items */

visibility: hidden;

width:778px; /* Don’t change this option */

}

htmlbody #clearmenu{ /* non IE browsers menu bottom spacing */

margin-bottom: 2px;

}

#submenu div{

white-space:nowrap; /* Don’t change this option */

}

/*

Style attributes of active menu item

*/

#mainMenu .activeMenuItem{

/* Border options */

border-left:1px solid #000000;

border-top:1px solid #000000;

border-right:1px solid #000000;

background-color: #E2EBED; /* Background color */

cursor:pointer; /* Cursor like a hand when the user moves the mouse over the menu item */

}

/*

Style attributes of inactive menu items

*/

#mainMenu .inactiveMenuItem{

color: #000; /* Text color */

cursor:pointer; /* Cursor like a hand when the user moves the mouse over the menu item */

}

#submenu a{

text-decoration:none; /* No underline on sub menu items – use text-decoration:underline; if you want the links to be underlined */

padding-left:5px; /* Space at the left of each sub menu item */

padding-right:5px; /* Space at the right of each sub menu item */

color: #000; /* Text color */

}

#submenu a:hover{

color: #FF0000; /* Red color when the user moves the mouse over sub menu items */

}

/style

script type=”text/javascript”

//more javascript from

var topMenuSpacer = 15; // Horizontal space(pixels) between the main menu items

var activateSubOnClick = false; // if true- Show sub menu items on click, if false, show submenu items onmouseover

var leftAlignSubItems = false; // left align sub items t

var activeMenuItem = false; // Don’t change this option. It should initially be false

var activeTabIndex = 0; // Index of initial active tab (0 = first tab) – If the value below is set to true, it will override this one.

var rememberActiveTabByCookie = true; // Set it to true if you want to be able to save active tab as cookie

/*

These cookie functions are downloaded from

*/

function Get_Cookie(name) {

var start = document.cookie.indexOf(name+”=”);

var len = start+name.length+1;

if ((!start) (name != document.cookie.substring(0,name.length))) return null;

if (start == -1) return null;

var end = document.cookie.indexOf(“;”,len);

if (end == -1) end = document.cookie.length;

return unescape(document.cookie.substring(len,end));

}

// This function has been slightly modified

function Set_Cookie(name,value,expires,path,domain,secure) {

expires = expires * 60*60*24*1000;

var today = new Date();

var expires_date = new Date( today.getTime() + (expires) );

var cookieString = name + “=” +escape(value) +

( (expires) ? “;expires=” + expires_date.toGMTString() : “”) +

( (path) ? “;path=” + path : “”) +

( (domain) ? “;domain=” + domain : “”) +

( (secure) ? “;secure” : “”);

document.cookie = cookieString;

}

function showHide()

{

if(activeMenuItem){

activeMenuItem.className = ‘inactiveMenuItem’;

var theId = activeMenuItem.id.replace(/[^\d]/g,”);

document.getElementById(‘submenu_’+theId).style.display=’none’;

}

activeMenuItem = this;

this.className = ‘activeMenuItem’;

var theId = this.id.replace(/[^\d]/g,”);

document.getElementById(‘submenu_’+theId).style.display=’block’;

if(rememberActiveTabByCookie){

Set_Cookie(‘dhtmlgoodies_tab_menu_tabIndex’,’index: ‘ + (theId-1),100);

}

}

function initMenu()

{

var mainMenuObj = document.getElementById(‘mainMenu’);

var subMenuObj = document.getElementById(‘submenu’); //DD added line

mainMenuObj.style.visibility=subMenuObj.style.visibility=”visible” //DD added line

var menuItems = mainMenuObj.getElementsByTagName(‘A’);

if(document.all){

mainMenuObj.style.visibility = ‘hidden’;

document.getElementById(‘submenu’).style.visibility=’hidden’;

}

if(rememberActiveTabByCookie){

var cookieValue = Get_Cookie(‘dhtmlgoodies_tab_menu_tabIndex’) + ”;

cookieValue = cookieValue.replace(/[^\d]/g,”);

if(cookieValue.length0 cookieValuemenuItems.length){

activeTabIndex = cookieValue/1;

}

}

var currentLeftPos = 15;

for(var no=0;nomenuItems.length;no++){

if(activateSubOnClick)menuItems[no].onclick = showHide; else menuItems[no].onmouseover = showHide;

menuItems[no].id = ‘mainMenuItem’ + (no+1);

menuItems[no].style.left = currentLeftPos + ‘px’;

currentLeftPos = currentLeftPos + menuItems[no].offsetWidth + topMenuSpacer;

if(no==activeTabIndex){

menuItems[no].className=’activeMenuItem’;

activeMenuItem = menuItems[no];

}else menuItems[no].className=’inactiveMenuItem’;

if(!document.all)menuItems[no].style.bottom = ‘-1px’;

}

var mainMenuLinks = mainMenuObj.getElementsByTagName(‘A’);

var subCounter = 1;

var parentWidth = mainMenuObj.offsetWidth;

while(document.getElementById(‘submenu_’ + subCounter)){

var subItem = document.getElementById(‘submenu_’ + subCounter);

if(leftAlignSubItems){

// No action

}else{

var leftPos = mainMenuLinks[subCounter-1].offsetLeft;

document.getElementById(‘submenu_’+subCounter).style.paddingLeft = leftPos + ‘px’;

subItem.style.position =’absolute’;

if(subItem.offsetWidth parentWidth){

leftPos = leftPos – Math.max(0,subItem.offsetWidth-parentWidth);

}

subItem.style.paddingLeft = leftPos + ‘px’;

subItem.style.position =’static’;

}

if(subCounter==(activeTabIndex+1)){

subItem.style.display=’block’;

}else{

subItem.style.display=’none’;

}

subCounter++;

}

if(document.all){

mainMenuObj.style.visibility = ‘visible’;

document.getElementById(‘submenu’).style.visibility=’visible’;

}

document.getElementById(‘submenu’).style.display=’block’;

}

window.onload = initMenu;

/script

div id=”mainMenu”

a網頁特效/a

a插件下載/a

a網絡學院/a

a網站聯盟/a

/div

div id=”submenu”

!– The first sub menu —

div id=”submenu_1″

a href=”圖形圖像”圖形圖像/a

a href=”鼠標事件”鼠標事件/a

a href=”時間日期”時間日期/a

a href=”導航菜單”導航菜單/a

a href=”文字效果”文字效果/a

a href=”窗體變化”窗體變化/a

/div

!– Second sub menu —

div id=”submenu_2″

a href=”插件”DreamWeaver插件/a

a href=”插件”FireWork插件/a

a href=”插件”PhotoShop插件/a

a href=”組件”FLASH組件/a

/div

!– Third sub menu —

div id=”submenu_3″

a href=”網頁製作”網頁製作/a

a href=”網絡編程”網絡編程/a

a href=”圖形圖像”圖形圖像/a

a href=”多媒體製作”多媒體製作/a

a href=”網站建設”網站建設/a

a href=”操作系統”操作系統/a

/div

!– Fourth sub menu —

div id=”submenu_4″

a href=””網頁設計/a

a href=””藝術創作/a

a href=””電腦網絡/a

a href=””生活休閑/a

a href=””個性展示/a

a href=””其它類型/a

/div

/div

br id=”clearmenu” /