v

您的位置:VeryCD教育计算机


《Adobe Dreamweaver创建jQuery工具提示教程》(Lynda Create a Tooltip with jQuery and Dreamweaver)[光盘镜像]

  • 状态: 精华资源
  • 摘要:
    主讲人Chris Converse
    发行日期2012年8月28日
    对白语言英语
    文字语言英文
  • 时间: 2012/11/03 16:18:56 发布 | 2012/11/05 10:17:18 更新
  • 分类: 教育  计算机 

MTina

精华资源: 3862

全部资源: 3863

相关: 分享到新浪微博   转播到腾讯微博   分享到开心网   分享到人人   分享到QQ空间   订阅本资源RSS更新   美味书签  subtitle
该内容尚未提供权利证明,无法提供下载。
中文名Adobe Dreamweaver创建jQuery工具提示教程
英文名Lynda Create a Tooltip with jQuery and Dreamweaver
资源格式光盘镜像
主讲人Chris Converse
发行日期2012年8月28日
地区美国
对白语言英语
文字语言英文
简介

IPB Image
语言:英语
网址: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

IPB Image

资源更新列表


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 – // / | __ _
/_|_ _\ \ / /_ _|_\

正在读取……

这里是其它用户补充的资源(我也要补充):

暂无补充资源
正在加载,请稍等...

点击查看所有178网友评论

 

(?) [公告]留口水、评论相关规则 | [活动]每日签到 轻松领取电驴经验

    小贴士:
  1. 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
  2. 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
  3. 勿催片。请相信驴友们对分享是富有激情的,如果确有更新版本,您一定能搜索到。
  4. 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
  5. 如果您发现自己的评论不见了,请参考以上4条。