不用說自己菜不菜的，能有這個學習的精神已經(jīng)很值得鼓勵了
建網(wǎng)站原本是網(wǎng)站策劃師、網(wǎng)絡程序員、網(wǎng)頁設計師等，應用各種網(wǎng)絡程序開發(fā)技術和網(wǎng)頁設計技術配合操作的協(xié)同工作。創(chuàng)新互聯(lián)專業(yè)提供成都網(wǎng)站建設、網(wǎng)站建設,網(wǎng)頁設計,網(wǎng)站制作(企業(yè)站、響應式網(wǎng)站開發(fā)、電商門戶網(wǎng)站)等服務,從網(wǎng)站深度策劃、搜索引擎友好度優(yōu)化到用戶體驗的提升,我們力求做到極致!
呵呵，下面，我來給你介紹幾個網(wǎng)站常見的菜單
第一個：仿網(wǎng)易的滑動門導航菜單
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title仿網(wǎng)易的滑動門技術，用DIV+CSS技術實現(xiàn)/title
style type="text/css"
!--
#header {
background-color: #F8F4EF;
height: 200px;
width: 400px;
margin: 0px;
padding: 0px;
border: 1px solid #ECE1D5;
font-family: "宋體";
font-size: 12px;
}
#menu {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu li {
display: block;
width: 100px;
text-align: center;
float: left;
margin: 0px;
padding-top: 0.2em;
padding-right: 0px;
padding-bottom: 0.2em;
padding-left: 0px;
cursor: hand;
}
.sec1 { background-color: #FFFFCC;}
.sec2 { background-color: #00CCFF;}
.block { display: block;}
.unblock { display: none;}
--
/style
/head
body
script language=javascript
function secBoard(n)
{
for(i=0;imenu.childNodes.length;i++)
menu.childNodes[i].className="sec1";
menu.childNodes[n].className="sec2";
for(i=0;imain.childNodes.length;i++)
main.childNodes[i].style.display="none";
main.childNodes[n].style.display="block";
}
/script
div id="header"
ul id="menu"
li onMouseOver="secBoard(0)" class="sec2"最新新聞/li
li onMouseOver="secBoard(1)" class="sec1"最新文章/li
li onMouseOver="secBoard(2)" class="sec1"最新日志/li
li onMouseOver="secBoard(3)" class="sec1"論壇新帖/li
/ul
!--內容顯示區(qū)域--
ul id="main"
li class="block"第一個內容/li
li class="unblock"第二個內容/li
li class="unblock"第三個內容/li
li class="unblock"第四個內容/li
/ul
!--內容顯示區(qū)域--
/div
/body
/html
這里基本上是使用Css與Div的結合，在整個布局中已層為單位，實行滑動菜單的是一個javascript腳本函數(shù)，調用就可以了，看不懂不要緊，日漸積累才是重要
第二個：經(jīng)典實用的觸發(fā)型導航（這是鼠標單擊事件控制）
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
title網(wǎng)頁特效代碼|JsCode.CN|---經(jīng)典實用的觸發(fā)型導航菜單/title
/head
body
STYLE type=text/css.sec1 {
BORDER-RIGHT: gray 1px solid; BORDER-TOP:
#ffffff 1px solid; BORDER-LEFT: #ffffff 1px
solid; CURSOR: hand; COLOR: #000000; BORDER-
BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR:
#eeeeee
}
.sec2 {
BORDER-RIGHT: gray 1px solid; BORDER-TOP:
#ffffff 1px solid; FONT-WEIGHT: bold; BORDER-
LEFT: #ffffff 1px solid; CURSOR: hand; COLOR:
#000000; BACKGROUND-COLOR: #d4d0c8
}
.main_tab {
BORDER-RIGHT: gray 1px solid; BORDER-
LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-
BOTTOM: gray 1px solid; BACKGROUND-COLOR: #d4d0c8
}
/STYLE
!--JavaScript部分--
SCRIPT language=javascript
function secBoard(n)
{
for(i=0;isecTable.cells.length;i++)
secTable.cells
[i].className="sec1";
secTable.cells[n].className="sec2";
for(i=0;imainTable.tBodies.length;i++)
mainTable.tBodies
[i].style.display="none";
mainTable.tBodies
[n].style.display="block";
}
/SCRIPT
!--HTML部分--
TABLE id=secTable cellSpacing=0 cellPadding=0 width=549 border=0
TBODY
TR align=middle height=20
TD class=sec2 onclick=secBoard(0) width="10%"關于TBODY標記/TD
TD class=sec1 onclick=secBoard(1) width="10%"關于cells集合/TD
TD class=sec1 onclick=secBoard(2) width="10%"關于tBodies集合/TD
TD class=sec1 onclick=secBoard(3) width="10%"關于display屬性/TD/TR/TBODY/TABLE
TABLE class=main_tab id=mainTable height=240 cellSpacing=0 cellPadding=0 width=549 border=0!--關于TBODY標記--
TBODY style="DISPLAY: block"
TR
TD vAlign=top align=middleBRBR
TABLE cellSpacing=0 cellPadding=0 width=490 border=0
TBODY
TR
TD指定行做為表體。
BR注釋：TBODY要素是塊要素，并且需要結束標
簽。BR 即使如果表格沒有顯式定義TBODY
要素，該要素也提供給所有表。BRBR
參考：《動態(tài)HTML參考和開發(fā)應用大全》（人民郵電出
版社
Microsoft Corporation著
北京華中興業(yè)科技發(fā)展有限公司
譯）
BRBR/TD/TR/TB
ODY/TABLE/TD/TR/T
BODY!--關于cells集合--
TBODY style="DISPLAY:
none"
TR
TD vAlign=top
align=middleBRBR
TABLE cellSpacing=0
cellPadding=0 width=490 border=0
TBODY
TR
TD檢索表行或者整個
表中所有單元格的集合。BR應用于TR、TABLE。
BRBR參考：《動態(tài)HTML參考和開發(fā)應
用大全》（人民郵電出版社
Microsoft Corporation著
北京華中興業(yè)科技發(fā)展有限公司
譯）
BRBR/TD/TR/TB
ODY/TABLE/TD/TR/T
BODY!--關于tBodies集合--
TBODY style="DISPLAY:
none"
TR
TD vAlign=top
align=middleBRBR
TABLE cellSpacing=0
cellPadding=0 width=490 border=0
TBODY
TR
TD檢索表中所有TBODY
對象的集合。對象在該集合中按照HTML源順序排列。
BR應用于TABLE。BRBR參考：
《動態(tài)HTML參考和開發(fā)應用大全》（人民郵電出版社
Microsoft Corporation著
北京華中興業(yè)科技發(fā)展有限公司
譯）
BRBR/TD/TR/TB
ODY/TABLE/TD/TR/T
BODY!--關于display屬性--
TBODY style="DISPLAY:
none"
TR
TD vAlign=top
align=middleBRBR
TABLE cellSpacing=0
cellPadding=0 width=490 border=0
TBODY
TR
TD設置或者檢索對象
是否被提供。BR可能的值為block、none、
inline、list-item、table-header-group、table-
footer-group。BR該特性可讀寫，塊要素默認
值為block，內聯(lián)要素默認值為inline；層疊樣式表
（CSS）屬性不可繼承。BRBR參考：《
動態(tài)HTML參考和開發(fā)應用大全》（人民郵電出版社
Microsoft Corporation著
北京華中興業(yè)科技發(fā)展有限公司譯）
BRBRA
href="" target=_blank點擊此處
/A可參閱微軟A href="" target=_blankMSDN在線/A上的解釋。
/TD/TR/TBODY/TABLE
;/TD/TR/TBODY/TABLEg
t;/body
/html
這里跟上面不同的區(qū)別在與這是鼠標移動和滑動的事件區(qū)別！
第三個：仿拍拍的切換效果菜單（里面的圖片是我放上去的，所以會看不到圖片的，呵呵 繼續(xù)）
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns="" lang="zh-CN"
head
meta http-equiv="Content-Language" content="zh-cn" /
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
meta name="robots" content="all" /
title網(wǎng)頁特效|網(wǎng)頁特效代碼(JsHtml.cn)---仿拍拍paipai.com首頁產品圖片隨機輪顯切換效果/titlestyle
body {font-size:12px}
img {border:0px}
#sale{right:206px;top:0;width:260px;background:#fff}
#saleTitle{text-align:right;padding-top:5px;padding-right:5px;width:255px;height:20px;background:url("images/saleTitle.gif") no-repeat}
#saleList{margin-top:5px}
#saleList .saleTwo{height:108px;background:url("images/salelineH.gif") bottom repeat-x;}
#saleList a{display:block;height:108px;width:86px;text-align:center;float:left;overflow:hidden}
#saleList a.saleItem{background:url("images/salelineV.gif") right repeat-y;}
#saleList a img{margin:5px 0}
#saleList a:hover{background-color:#EBFFC5}
/style
script type="text/javascript"
rnd.today=new Date();
rnd.seed=rnd.today.getTime();
function rnd(){
rnd.seed = (rnd.seed*9301+49297) % 233280;
return rnd.seed/(233280.0);
}
function rand(number){
return Math.ceil(rnd()*number)-1;
}
function nextSale(order){
if(order=="up") saleNum--;
else saleNum++;
if(saleNum2) saleNum=0
else if(saleNum0) saleNum=2;
//alert(saleNum);
for(i=0;i3;i++)
document.getElementById("saleList"+i).style.display="none";
document.getElementById("saleList"+saleNum).style.display="";
}
/script
/head
body
div id="sale" class="absolute overflow"
div id="saleTitle" class="absolute"
a href="javascript:nextSale('up')" title="點擊到上一屏"
img src="images/saleFore.gif" hspace="4" onmouseover="this.src='images/saleForeOver.gif'" onmouseout="this.src='images/saleFore.gif'" //aa href="javascript:nextSale('down')" title="點擊到下一屏"img src="images/saleNext.gif" onmouseover="this.src='images/saleNextOver.gif'" onmouseout="this.src='images/saleNext.gif'" //a/div
div class="overflow" style="height:330px" id="saleList"
script type="text/javascript"var saleNum=rand(3);/script
div id="saleList0" style="display:none"
div class="saleTwo"
a class="saleItem" href="" target="_blank"
div
img alt="圣誕浪漫飾品超級大促" src="/jsimages/UploadFiles_3321/200804/20080423085515804.jpg" width="65" height="65" //div
div
圣誕浪漫飾品br /
超級大促/div
/a
a class="saleItem" href="" target="_blank"
div
img alt="攝像頭集結號給你新的感覺" src="/jsimages/UploadFiles_3321/200804/20080423085516472.jpg" width="65" height="65" //div
div
攝像頭集結號br /
給你新的感覺/div
/aa href="" target="_blank"
div
img alt="好感度提升韓版娃娃裝" src="/jsimages/UploadFiles_3321/200804/20080423085516162.jpg" width="65" height="65" //div
div
好感度提升br /
韓版娃娃裝/div
/a/div
div class="saleTwo"
a class="saleItem" href="" target="_blank"
div
img alt="復古牛仔外套特惠119元起" src="/jsimages/UploadFiles_3321/200804/20080423085516293.jpg" width="65" height="65" //div
div
復古牛仔外套br /
特惠119元起/div
/a
a class="saleItem" href="" target="_blank"
div
img alt="圣誕拍拍特供運動服3折" src="/jsimages/UploadFiles_3321/200804/20080423085516802.jpg" width="65" height="65" //div
div
圣誕拍拍特供br /
運動服3折/div
/aa href="" target="_blank"
div
img alt="攝像頭集結號給你新的感覺" src="/jsimages/UploadFiles_3321/200804/20080423085516472.jpg" width="65" height="65" //div
div
攝像頭集結號br /
給你新的感覺/div
/a/div
div
a class="saleItem" href="" target="_blank"
div
img alt="圣誕拍拍特供電腦周邊4折" src="/jsimages/UploadFiles_3321/200804/20080423085516530.jpg" width="65" height="65" //div
div
圣誕拍拍特供br /
電腦周邊4折/div
/a
a class="saleItem" href="" target="_blank"
div
img alt="party扮靚甜美腮紅" src="/jsimages/UploadFiles_3321/200804/20080423085516658.jpg" width="65" width="65" height="65" //div
div
party扮靚br /
甜美腮紅/div
/aa href="" target="_blank"
div
img alt="好感度提升韓版娃娃裝" src="/jsimages/UploadFiles_3321/200804/20080423085516162.jpg" width="65" height="65" //div
div
好感度提升br /
韓版娃娃裝/div
/a/div
/div
div id="saleList1" style="display:none"
div class="saleTwo"
a class="saleItem" href="" target="_blank"
div
img alt="新奇好玩便宜盡在網(wǎng)游頻道" src="/jsimages/UploadFiles_3321/200804/20080423085516612.jpg" width="65" height="65" //div
div
新奇好玩便宜br /
盡在網(wǎng)游頻道/div
/a
a class="saleItem" href="" target="_blank"
div
img alt="展現(xiàn)高貴氣質騎士系馬靴" src="/jsimages/UploadFiles_3321/200804/20080423085516202.jpg" width="65" height="65" //div
div
展現(xiàn)高貴氣質br /
騎士系馬靴/div
/aa href="" target="_blank"
div
img alt="攝像頭集結號給你新的感覺" src="/jsimages/UploadFiles_3321/200804/20080423085516472.jpg" width="65" height="65" //div
div
攝像頭集結號br /
給你新的感覺/div
/a/div
div class="saleTwo"
a class="saleItem" href="" target="_blank"
div
img alt="永不過時條紋毛衣" src="/jsimages/UploadFiles_3321/200804/20080423085516984.jpg" width="65" height="65" //div
div
永不過時br /
條紋毛衣/div
/a
a class="saleItem" href="" target="_blank"
div
img alt="圣誕拍拍特供運動鞋2折" src="/jsimages/UploadFiles_3321/200804/20080423085516651.jpg" width="65" height="65" //div
div
圣誕拍拍特供br /
運動鞋2折/div
/aa href="" target="_blank"
div
img alt="好感度提升韓版娃娃裝" src="/jsimages/UploadFiles_3321/200804/20080423085516162.jpg" width="65" height="65" //div
div
好感度提升br /
韓版娃娃裝/div
/a/div
div
a class="saleItem" href="" target="_blank"
div
img alt="精簡唯美索愛K630" src="/jsimages/UploadFiles_3321/200804/20080423085516302.jpg" width="65" height="65" //div
div
精簡唯美br /
索愛K630/div
/a
a class="saleItem" href="" target="_blank"
div
img alt="原裝瑞士軍刀精選" src="/jsimages/UploadFiles_3321/200804/20080423085516549.jpg" width="65" width="65" height="65" //div
div
原裝瑞士軍刀br /
精選/div
/aa href="" target="_blank"
div
img alt="超薄機身索愛W880" src="/jsimages/UploadFiles_3321/200804/20080423085516711.jpg" width="65" height="65" //div
div
超薄機身br /
索愛W880/div
/a/div
/div
div id="saleList2" style="display:none"
div class="saleTwo"
a class="saleItem" href="" target="_blank"
div
img alt="各就各味秋冬飲食計劃" src="/jsimages/UploadFiles_3321/200804/20080423085516704.jpgtype=3" width="65" height="65" //div
div
各就各味br /
秋冬飲食計劃/div
/aa href="" target="_blank"
div
img alt="好感度提升韓版娃娃裝" src="/jsimages/UploadFiles_3321/200804/20080423085516162.jpg" width="65" height="65" //div
div
好感度提升br /
韓版娃娃裝/div
/a/div
div class="saleTwo"
a class="saleItem" href="" target="_blank"
div
img alt="圣誕拍拍特供隨身視聽5折" src="/jsimages/UploadFiles_3321/200804/20080423085516375.jpg" width="65" height="65" //div
div
圣誕拍拍特供br /
隨身視聽5折/div
/aa href="" target="_blank"
div
img alt="超薄機身索愛W880" src="/jsimages/UploadFiles_3321/200804/20080423085516711.jpg" width="65" height="65" //div
div
超薄機身br /
索愛W880/div
/a/div
div
a class="saleItem" href="" target="_blank"
div
img alt="我愛我家家居大搶購" src="/jsimages/UploadFiles_3321/200804/20080423085516954.jpg" width="65" height="65" //div
div
我愛我家br /
家居大搶購/div
/aa href="" target="_blank"
div
img alt="超值彩妝套裝變身派對女王" src="/jsimages/UploadFiles_3321/200804/20080423085516919.jpg" width="65" width="65" height="65" //div
div
超值彩妝套裝br /
變身派對女王/div
/a/div
/div
/div
/div
script type="text/javascript"document.getElementById("saleList"+saleNum).style.display="";/script
p /p
p更多網(wǎng)頁特效代碼盡在 a href=""網(wǎng)頁特效代碼/a/p
/body
/html
這個仿拍拍基本上就是2層放圖片，但用起來的效果還是可以的，如果不喜歡我還有下面呢，慢慢學，總會看懂的 (最重要的還是Css哦)
這個主要就是讓層實現(xiàn)隱藏 我覺得這個在層使用方面還是好的
從總體上看，在實現(xiàn)層與層之間的交互，在其代碼 我覺得你有必要去認真看下 ！
以上是我介紹額度菜單，雖然不是很強大，但是卻很使用，而且在J2EE中
菜單基本上是一個假象，都是用層與Css之間的特效做出來的！
學會了層的具體應用，我相信你也可以有自己特色的菜單的
那我祝你好運咯??！加油?。?/p>[img]
《HTML、CSS、JavaScript網(wǎng)頁制作從入門到精通》（劉西杰）電子書網(wǎng)盤下載免費在線閱讀
資源鏈接：
鏈接：
提取碼：vge2 ?
書名：HTML、CSS、JavaScript網(wǎng)頁制作從入門到精通
作者：劉西杰
豆瓣評分：6.6
出版社：人民郵電出版社
出版年份：2013-1-1
頁數(shù)：450
內容簡介：
《HTML\CSS\JavaScript網(wǎng)頁制作從入門到精通》共分為18章和4個附錄，重點介紹使用HTML進行網(wǎng)頁制作的方方面面，同時講解了目前流行的Web標準與CSS網(wǎng)頁布局實例，以及基于JavaScript語言的網(wǎng)頁特效制作。為了便于讀者學習，附錄中匯集了經(jīng)過作者精心整理的網(wǎng)頁制作技巧60多例。
怎樣制作個人網(wǎng)頁
如果你已經(jīng)上網(wǎng)，為何不嘗試一下在網(wǎng)上做一個完全屬于自己的主頁？有了自己的主頁，全世界的人都可以隨時找到你，你也可以向全世界宣傳下自己，是非常有意義和有意思的。現(xiàn)在簡單介紹一下制作主頁的過程和方法：
一、準備材料
你首先做一個小計劃,準備在主頁上告訴人家什么？比如介紹三個方面：自我介紹,我的愛好,我的工作,那你就先起一個總目錄（文件夾,比如d:\html）,來放你的所有文件，然后再在這個目錄建立三個子目錄：myself,interest，job。文件名你可以任意，但最好全部小寫，因為有的主機要認大小寫。然后將你的材料copy進相應的子目錄。比如你要在你的主頁里展示你的靚照，那就將你的照片掃描成JPG格式的文件，放在myself的目錄下.
要注意,網(wǎng)上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,因為它們太大了,但你可以用圖象軟件進行轉換，比如Office 97的照片編輯器。把你準備在你主頁上出現(xiàn)的圖象放進相應的目錄里后,你就可以開始制作了。
二、開始制作
你無須去記復雜的HTML語言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打開Netscape,在file菜單里選Edit Page,便可以制作了.文字的處理基本跟Word沒什么兩樣,關鍵是插入圖片和產生鏈接.我們先做關于你自我介紹的一頁，你先寫上“大家好，我是superboy，下面是我的照片：”這時要放圖片了，只須點擊Insert菜單，選取Image,在Choosefile里選取你的圖象文件即可，然后把這個文件保存為myself.html文件，放在myself的目錄下。好，現(xiàn)在必須做封面了，你在封面寫：“歡迎來到superboy的主頁”以下是“自我介紹，我的愛好，我的工作”。你的自我介紹要鏈接到下一頁去，你只須用鼠標選“自我介紹”后按鼠標右鍵 ，再選create link，然后再選你myself目錄下的myself.html，就將“自我介紹”鏈接到下一頁了，以后在瀏覽器中一按，就可以跳到鑲有你靚照的頁面啦。
在你的封面做好了所有鏈接和圖片后，記住你必須將這一頁保存為index.htm(有的主機要求必須為index.html),因為網(wǎng)頁默認的主頁名稱是index.制作主頁其實很簡單，只要多實際制作，工多藝熟。還可以拿來主義，在網(wǎng)上看到什么好的主頁，用另存為功能保存為.html格式的文件，細細研究人家是如何做的。還可以借用網(wǎng)頁模版來搞，我的就是~~~~~~
三、將你制作好的安放在網(wǎng)上
要在網(wǎng)上安你自己的家，你必須先申請一個主頁空間，即向某一個主機申請一快硬盤空間?，F(xiàn)在有較多的主機提供免費主頁空間，具體見實用鏈接欄目。這些主機不僅提供免費個人主頁空間，并且還提供留言簿、計數(shù)器等很有用的功能。只要到有關站點申請即可，具體方法，參考相關題目。申請完成以后用FTP將你所有的主頁文件上傳至主機指定的目錄就可以了！
需要注意的是，一定要保持網(wǎng)頁的相對位置，否則會看不到網(wǎng)頁的，有很多朋友都問我:為什么我的網(wǎng)頁傳上去了可是看不到,老是出現(xiàn)網(wǎng)頁錯誤呢？其實他們都是因為位置的問題，只要把位置改動一下就可以的了
在網(wǎng)上有這方面的教程
教程
（中國建站專家）
主頁和個人空間
（中華網(wǎng)）
建議使用網(wǎng)頁制作三劍客Dreamweawer+Firework+Flash 或使用Frontpage
script language="JavaScript"
!-- Hide the script from old browsers --
function compute(obj) //定義一個函數(shù) 名字叫compute 他接收了一個參數(shù) obj
{obj.expr.value = eval(obj.expr.value)} //當前的參數(shù)的值和下文參數(shù)值所用的方法相同
var one = '1' //定義一個字符型的1
var two = '2' //定義一個字符型的2
var three = '3' //定義一個字符型的3
var four = '4' //定義一個字符型的4
var five = '5' //定義一個字符型的5
var six = '6' //定義一個字符型的6
var seven = '7' //定義一個字符型的7
var eight = '8' //定義一個字符型的8
var nine = '9' //定義一個字符型的9
var zero = '0' //定義一個字符型的0
var plus = '+' //定義一個字符型的+
var minus = '-' //定義一個字符型的*
var multiply = '*' //定義一個字符型的*
var divide = '/' //定義一個字符型的/
var decimal = '.' //定義一個字符型的.
function enter(obj, string) //定義一個函數(shù) 名字叫enter 他接收了一個參數(shù) obj
{obj.expr.value += string} //讓 obj的值加上 '+'后面的值
function clear(obj) //定義一個函數(shù) 名字叫clear 他接收了一個參數(shù) obj
{obj.expr.value = ''} //讓obj的值等于空
// --End Hiding Here --
/script
form name="calc"
table border=1
td colspan=4input type="text" name="expr" size=30 action="compute(this.form)" tr
!--提交表單--
tdinput type="button" value=" 7 " onClick="enter(this.form, seven)"!--當鼠標點擊
按鈕的時候提交給函數(shù)按鈕中的值--
tdinput type="button" value=" 8 " onClick="enter(this.form, eight)"!--當鼠標點擊
按鈕的時候提交給函數(shù)按鈕中的值--
tdinput type="button" value=" 9 " onClick="enter(this.form, nine)"!--當鼠標點擊
按鈕的時候提交給函數(shù)按鈕中的值--
tdinput type="button" value=" / " onClick="enter(this.form, divide)"!--當鼠標點
擊按鈕的時候提交給函數(shù)按鈕中的值--
trtdinput type="button" value=" 4 " onClick="enter(this.form, four)"!--當鼠標
點擊按鈕的時候提交給函數(shù)按鈕中的值--
tdinput type="button" value=" 5 " onClick="enter(this.form, five)"!--當鼠標點擊
按鈕的時候提交給函數(shù)按鈕中的值--
tdinput type="button" value=" 6 " onClick="enter(this.form, six)"!--當鼠標點擊按
鈕的時候提交給函數(shù)按鈕中的值--
tdinput type="button" value=" * " onClick="enter(this.form, multiply)"!--當鼠標
點擊按鈕的時候提交給函數(shù)按鈕中的值--
trtdinput type="button" value=" 1 " onClick="enter(this.form, one)"!--當鼠標點
擊按鈕的時候提交給函數(shù)按鈕中的值--
tdinput type="button" value=" 2 " onClick="enter(this.form, two)"!--當鼠標點擊按
鈕的時候提交給函數(shù)按鈕中的值--
tdinput type="button" value=" 3 " onClick="enter(this.form, three)"!--當鼠標點擊
按鈕的時候提交給函數(shù)按鈕中的值--
tdinput type="button" value=" - " onClick="enter(this.form, minus)"!--當鼠標點
擊按鈕的時候提交給函數(shù)按鈕中的值--
trtd colspan=2input type="button" value=" 0 " onClick="enter
(this.form, zero)"!--當鼠標點擊按鈕的時候提交給函數(shù)按鈕中的值--
tdinput type="button" value=" . " onClick="enter(this.form, decimal)"!--當鼠標
點擊按鈕的時候提交給函數(shù)按鈕中的值--
tdinput type="button" value=" + " onClick="enter(this.form, plus)"!--當鼠標點擊
按鈕的時候提交給函數(shù)按鈕中的值--
trtd colspan=2input type="button" value=" = " onClick="compute(this.form)"!
--提交表單在javascript中進行運算--
td colspan=2input type="button" value="AC" size= 3 onClick="clear(this.form)" !--
點擊此按鈕調用此函數(shù)--
/table
/form
JavaScript高級程序設計--寫的比較清晰易懂，有很多示例，這些示例實用性也挺強的，也比較適合入門吧。
JavaScript權威指南當然也是一本被眾多人熱捧的經(jīng)典圖書，不過作為入門似乎難一點。
反正是這樣，如果有一門其他語言做基礎，讀起來就會輕松不少。沒學過其他語言，兩本書讀到后面都會有些難度。
關于網(wǎng)頁制作的教程和實例很多，不知道這位兄弟需要學習哪方面的，想從哪方面發(fā)展。
從的來說，如今網(wǎng)頁設計有“軟件設計”（多為靜態(tài)）和“網(wǎng)絡編程”（動態(tài)）兩大方向。軟件方面相對簡單一點，有“所見即所得”的特點，你不必懂任何語言或著代碼，只要利用軟件自身所帶的強大功能，即可制作出內容豐富的網(wǎng)頁，甚至是網(wǎng)站來。
網(wǎng)頁設計，軟件方面常用的軟件有FrontPage、三劍客（Dreamweaver、Fireworks、flash）等。編程方面常用ASP。另外，做為超文本標志（標記）語言的HTML，對于初學者也很重要。HTML并不是嚴格意義上的程序語言，基本上只要懂HTML各標記的含義，就懂了HTML，但是不管是對于傳統(tǒng)的靜態(tài)網(wǎng)頁，還是對于ASP類的動態(tài)網(wǎng)頁，HTML都至關重要。
另外，現(xiàn)在多數(shù)網(wǎng)頁設計愛好者，在最初接觸或學習編程的時候，都常用別人的源碼來修改、學習。這也是一種很好的學習方法。
在這里想強調一點是，我目前也只是一個愛好者，之所以還羅嗦了這么多，一是是不知道你現(xiàn)在處于一個什么樣的階段，一是想讓你少走些彎路。
最后，介紹你幾個經(jīng)典的站點。
站長學習站：
1、中國站長站站長學院：
網(wǎng)頁特效站：
1、網(wǎng)頁特效集錦：
2、javascript網(wǎng)頁特效：
源碼站：
1、源碼之家：
2、ASP300：
3、搜源碼：
4、源碼網(wǎng)：
5、中國源碼：
綜合站：
1、中國站長站：
2、中國建站專家：
3、網(wǎng)頁制作大寶庫：
以上是我簡單整理后的網(wǎng)頁設計相關站點，需要對你有所幫助，以后我有時間會繼續(xù)整理的。至于你需要的網(wǎng)頁制作的教程，網(wǎng)上很多，現(xiàn)提供網(wǎng)頁制作大寶庫的給你。
重慶分公司
重慶分公司
