HTMLCSS，JavaScript整合设计.pptVIP

下载本文档

9
0
约1.04千字
约 8页
2016-10-07 发布于重庆
举报
版权申诉

HTMLCSS，JavaScript整合设计.ppt

1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
7、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

HTMLCSS，JavaScript整合设计

專業HTML網頁設計陳錦輝第十六章　HTML,CSS,JavaScript整合設計 16.1 按鈕式動態選單 16.2 功能表下拉式動態選單 16.3 網頁DIY 16.1　按鈕式動態選單常見的按鈕式動態選單，其實並非使用按鈕input type=“button”製作(當然您也可以試著使用按鈕製作)，而是透過表格、CSS及JavaScript製作而成，請看我們的範例。範例16-1：內容執行結果 16.1　按鈕式動態選單範例說明： (1)第7~41列是CSS定義。其中cursor:hand;代表游標呈現手指形狀。 (2)第44~63列是表格，用來置放各個按鈕選項，事實上，按鈕選項只是一個td儲存格，只不過透過onmouseout與onmouseover事件觸發JavaScript程式碼，動態指定儲存格的CSS樣式，使其具有類似按鈕的效果。 (3)當游標移動某一個儲存格後，就會套用CurIn樣式，而離開某個儲存格後，就會套用CurOut樣式。 16.2　功能表下拉式動態選單另一種常見的動態下拉式選單則類似軟體的功能表列，在主選單內有許多主選單項目，而每一個主選單項目中又包含了許多的次選單項目，實際具有鏈結效果的是次選單鏈結項目。而只有當游標移至某一個主選單項目後，該主選單才會展開。範例16-2：內容執行結果 16.2　功能表下拉式動態選單範例說明： (1)第7~47列是各選單的CSS定義。 (2)第49~171列是JavaScript程式碼，在function之外的程式碼會在網頁被載入後自動執行，並呼叫各個function完成下拉式表單，並取代174~177列div的內容。 (3)若欲定義主選項，則可以加入在第53列，每一個主選項間以『,』分隔，所以主選項名稱不可以包含『,』。 (4)若欲定義次選項，可以加入在第76列(使用Add_SubMenu函數)，每一個次選項必須指定主選項名稱，次選項名稱，超鏈結目標，其中次選項名稱與超鏈結目標間以『$』分隔，所以次選項名稱與超鏈結目標都不可以包含『$』。 (5)游標移動到某一個主選項後，就會下拉展開子選項，按下子選項後，就會產生超鏈結效果，其超鏈結是由LinkURL函數所完成。 16.3　網頁DIY 請翻閱至18.16節，加入動態選單功能。本章習題 * * P303