中文名: Adobe Dreamweaver創建jQuery工具提示教程
英文名: Lynda Create a Tooltip with jQuery and Dreamweaver
資源格式: 光盤鏡像
主講人: Chris Converse
發行日期: 2012年8月28日
地區: 美國
對白語言: 英語
文字語言: 英文
簡介:

語言：英語
網址：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

資源更新列表
http://www.VeryCD.com/i/5190747/create/fol...postTime
目錄:
Introduction
2m 32s
Previewing the final project
1m 34s
About the exercise files
58s
1. Creating Web Graphics
5m 9s
Creating a folder and adding the starter files
1m 37s
Saving web graphics from Photoshop
3m 32s
2. Adding HTML Markup
10m 30s
Creating the tooltip container
2m 40s
Styling the tooltip
6m 10s
Adding the tip info
1m 40s
3. Styling and Activating the Tooltip
14m 1s
Adding the jQuery document ready and mouse events
2m 51s
Detecting and setting text-based tooltips
2m 52s
Creating HTML containers
4m 11s
Detecting and setting HTML-based tooltips
4m 7s
4. Adding Positioning and Effects to the Tooltip
18m 52s
Attaching the tip container to the mouse
4m 0s
Positioning the tooltip to the right or left of the cursor
4m 2s
Positioning the tooltip above or below the cursor
3m 58s
Hiding the tooltip container until it's triggered by the mouse
2m 40s
Setting the tooltip to fade in and out
4m 12s
5. A Mouse Position "Gotcha"
2m 7s
Accounting for other CSS-positioned elements
2m 7s
Where to Go from Here
1m 4s
Exploring resources for additional menu plug-ins
1m 4s
代碼

_| _| \ // |_ |_
. \_ \. _ ..\ . //.. _ ./ _/ .
. | | \ : \ / : / | | .
: | | __\ ....:.. \ / ..:.... /__ | | :
_ _ _|___|_/\. | \ \ :.:. / .:.: / / | ./\_|___|_ _ _
\\| : \\ __\ . : /_ : . /__ // : |//
\ . \\\ \ :.....: :.....: / /// . /
|\ \\\ \ / /// /|
[ [ ::::: l \ :::::: \\\ . . /// :::::: / l ::::: ] ]
_ __ | \ \\ – P L A T O – // / | __ _
/_|_ _\ ___ _____ / /_ _|_\
__________/\_ _____
/ \_ ___________ ____/ //___ _______
/ \ \ / \/ / \
/ / / / / \__ ___/ \
/ /________/ / / / \/ // / \
\ // / \ / / /\ / /
\ \ /____\ \ /\ \_\ \ /
\ \ /\ / \ // /
\_______/______ _ //\______//\// \_______/\________/
__ _ _ ___ __ _ \/ _ _ __ ___ _ _:__
_ _ __\ |\/// // \\ \\\/| /__ _ _
| // // 423 BC – 347 BC \\ \\ |
_:_ _ _ _ |//__//__ _ _ _ _ __\\__\\| _ _ _ _:_
| |
| Lynda: Create a Tooltip with jQuery and Dreamweaver |
:_ _ _ _ _ ...__..__ _ _ _ _ __..__... _ _ _ _ _:
| |
| Date [ 2012–08–31 ] Disks [ xx/14 ] |
:_ _ _ _ _ ...__..__ _ _ _ _ __..__... _ _ _ _ _:
| |
| 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 write |
| the necessary HTML and activate the tooltip with jQuery, as well as |
| add positioning and effects. |
| |
| |
:_ _ _ _ _ ...__..__ _ _ _ _ __..__... _ _ _ _ _:
| |
| I – Unwrap the book. |
| II – Mount the book to access it's contents. |
| III – Watch, learn and expand your mind. |
|_._ _ _ _ . . _ _ _ _._|
: _ / . [email protected] . \ _ :
\/|___:__ __:___|\/
_ _ | / G R E E T I N G S \ | _ _
\\ |/ \| //
\\ / – – * – – \ //
.\\/| |\//.
| | iNKiSO, QUASAR, JGTiSO, AG, HELL | |
. | | .
: | | __\ ....:.. \ / ..:.... /__ | | :
_ _ _|___|_/\. | \ \ :.:. / .:.: / / | ./\_|___|_ _ _
\\| : \\ __\ . : /_ : . /__ // : |//
\ . \\\ \ :.....: :.....: / /// . /
|\ \\\ \ / /// /|
[ [ ::::: l \ :::::: \\\ . . /// :::::: / l ::::: ] ]
_ __ | \ \\ – P L A T O – // / | __ _
/_|_ _\ \ / /_ _|_\