資料介紹

• 網頁編程教程
• Dreamweaver教程/視頻教程
• javascript視頻教程

語言：英語
網址：http://www.lynda.com/Dreamweaver-tutorials/Create-Tooltip-jQuery-Dreamweaver/105377-2.html
類別：教程




Lynda.com 出品的時長54分鐘的Adobe Dreamweaver創建jQuery工具提示教程。通過向游客提供方向和線索，工具提示可以大大提高你的網站可用性。本教程演示了如何在Dreamweaver中創建的標記和激活的jQuery的工具提示，以及添加定位和效果。Chris Converse演示了如何轉換成鼠標感應的工具提示的文字或圖形。

Adobe Dreamweaver 網頁設計軟件提供了一套直觀的可視界面，供您創建和編輯 HTML 網站和移動應用程序。使用專為跨平台兼容性設計的自適應網格版面創建適應性版面。在發布前使用多屏幕預覽審閱設計。使用“實時視圖”和“多屏預覽”面板高效創建和測試跨平台、跨浏覽器的 HTML5 內容。利用增強的 jQuery 和 PhoneGap™ 支持構建更出色的移動應用程序，並通過重新設計的多線程 FTP 傳輸工具來縮短上傳大文件所需的時間。


Tooltips can greatly improve the usability of your web site by providing direction and cues to visitors. In this course, Chris Converse shows how to convert text or graphics into a mouse-sensitive tooltip. The tutorials demonstrate how to create the markup in Dreamweaver and activate the tooltip with jQuery, as well as add positioning and effects.

Topics include:
Saving web graphics from Photoshop
Creating the tooltip container
Adding the jQuery $(document).ready() and mouse events
Detecting and setting HTML-based tooltips
Attaching the tip container to the mouse
Setting the tooltip to fade in and out
Accounting for other CSS-positioned elements

software：
Dreamweaver CS5, CS5.5, jQuery