快捷索引

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

 



会员福利

资源无源时,可利用百度网盘 & 迅雷云盘取回

此内容仅供注册用户。请 %登录%.

神秘内容,请 登录 / 注册 后查看

会员可见全站福利 !




文章类别:

本文链接: http://www.books51.com/31203.html

【点击下方链接,复制 & 分享文章网址】

Adobe Dreamweaver创建jQuery工具提示教程 → http://www.books51.com/31203.html

上一篇:

下一篇:

0 ratings, 0 votes0 ratings, 0 votes (0 次顶, 0已投票)
你必须注册后才能投票!
Loading...

添加新评论