Adobe Dreamweaver创建jQuery工具提示教程(Lynda Create a Tooltip with jQuery and Dreamweav

游客，本帖隐藏的内容需要积分高于 1 才可浏览，您当前积分为 0

资源信息： 中文名: 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. | |_._ _ _ _ . . _ _ _ _._| : _ / . team.plato@inbox.lv . \ _ : \/|___:__ __:___|\/ _ _ | / G R E E T I N G S \ | _ _ \\ |/ \| // \\ / – – * – – \ // .\\/| |\//. | | iNKiSO, QUASAR, JGTiSO, AG, HELL | | . | | . : | | __\ ....:.. \ / ..:.... /__ | | : _ _ _|___|_/\. | \ \ :.:. / .:.: / / | ./\_|___|_ _ _ \\| : \\ __\ . : /_ : . /__ // : |// \ . \\\ \ :.....: :.....: / /// . / |\ \\\ \ / /// /| [ [ ::::: l \ :::::: \\\ . . /// :::::: / l ::::: ] ] _ __ | \ \\ – P L A T O – // / | __ _ /_|_ _\ \ / /_ _|_\