善用Yahoo UI Library 及Ajax拿手絕技.ppt

下载文档 降价啦

1
0
约8.31千字
约 29页
2017-12-26 发布于江西
举报
版权申诉
保障服务

善用Yahoo UI Library 及Ajax拿手絕技.ppt

1、本文档共29页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。

善用Yahoo UI Library 及Ajax拿手絕技

善用Yahoo! UI Library及Ajax拿手絕技 Agenda Yahoo! User Interface Library 簡介 Grid : 快速配置網頁版面 CSS編排內容技巧 Calendar : 使用月曆 TabView : 加入標籤頁瀏覽方式 Connection Manager : 輕鬆建立Ajax效果 Introduction to Yahoo! User Interface Library (YUI) YUI Library CSS Tools: CSS Reset CSS Fonts CSS Grids 版面配置 YUI Library Utilities: The YAHOO Global Object Event Utility 事件 DOM Collection DOM Connection Manager Ajax Drag and Drop Utility 拖曳 Animation Utility 動畫 YUI Library Controls: AutoComplete 自動完成 Calendar 月曆 Container 視窗/對話框 Logger 除錯 Menu 選單 Slider 滑桿 TabView 標籤頁 TreeView 樹狀圖 Yahoo! UI Library : CSS 網頁版面編排 Yahoo! UI Library CSS Tools :The Basic 頁面最開頭，使用正確的DocType :!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN /TR/html4/strict.dtd 連結 YUI 的 (外部) CSS檔案 :link type=text/css rel=stylesheet href=reset-fonts-grids.css Yahoo! UI Library CSS Tools : Grid 基本頁面結構HTML : body div id=”hd” !--header / masthead -- /div div id=”bd” !--body-- /div div id=”ft” !--footer-- /div /body Yahoo! UI Library CSS Tools : Grid 兩欄頁面結構HTML : body div id=”hd” !--header / masthead -- /div div id=”bd” div id=”yui-main” div class”yui-b” !--prim. block-- /div /div div class=”yui-b” !--sec. block-- /div /div div id=”ft” !--footer-- /div /body Yahoo! UI Library CSS Tools : Grid 頁面結構HTML : body div id=doc2 class=yui-t2 div id=”hd” !--header / masthead -- /div div id=”bd” !--body-- div id=”yui-main” div class=”yui-b” !--prim. block-- /div /div div class=”yui-b” !--sec. block-- /div /div div id=”ft” !--footer-- /div /div /body Yahoo! UI Library CSS Tools : Grid Yahoo! UI Library CSS Tools : Grid 頁面寬度 (id) : #doc - 750px centered (good for 800x600) #doc2 - 950px centered (good for 1024x768) #doc3 - 100% fluid (good for everybody) #doc-custom - an example of a custom page width 版型 (class) : .yui-t1 - Two columns, narrow on left, 160px .yui-t2 - Two columns, narrow on left, 180px .yui-t3 - Two columns, narrow on left, 300px .yui-t4 - Two colum