标签:jQuery 实例 页 2

学会做一个简易的 Tooltip 效果,基于 MooTools or jQuery »

为什么实用tooltip我们都知道浏览器已经自带了超链接提示,只需要我们在链接中加入title属性就可以了,不过大多数的标签都有title属性。对于图片IMG标签,我们经常关注的是它的alt和title属性。alt是替换文字的意思,它是为了给那些不能看到你文档中图像的浏览者提供文字说明,因此也是WEB标准实战的一个细节。title属性...

继续阅读 →

创建一个‘精灵’导航菜单,基于 CSS Sprites And MooTools or jQuery »

关于CSSSprites并不是一门新技术,目前它已经在网页开发中发展得较为成熟。CSSSprites并不是什么金科玉律,但在很多情况下,它有着一定的优势,最重要的是它可以减轻服务器的负载,提高网页加载速度。但是,对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。对于大型网站和流量...

继续阅读 →

让链接(link)充满活力,基于MooTools & jQuery实现的 »

笔者非常喜欢Safari浏览器和iPhone,他在使用这些产品时,感受到,当你单击某一个链接时,马上就会提供了一个黑暗的背景效果,功能虽然看上去简单,但是这一个小的细节非常有利于用户体验。那么,为什么不让我们所有的网页链接都具有此功能那?其实我们可以利用MooToolsorjQuery很容易实现的。TheCSS.clicked{pad...

继续阅读 →

Easy Slider 1.5 – 最简单的图片和内容滑动插件 »

EasySlider是一个滑动门插件,支持任何图片或内容,当点击时实现横向或纵向滑动。它拥有一系列丰富的参数设置,可通过CSS来进行完全的控制。所以,基本上你只需要链接这个插件文件后,设置好内容,然后样式化CSS就可以了。原文来自:http://cssglobe.com/post/4004/easy-slider-15-the-eas...

继续阅读 →

Image Rotator & jQuery »

ImageRotator&jQuery是一个带有图片描述说明的图片轮播效果。ImageRotator效果使用的代码之少,布局也合理。当我们把鼠标移到图片列表上时,有选中效果,当我点击某一个图片列表之时出现了Rotator效果,并且在图片的底部会有透明的图片描述说明框。前一段时间我在项目中也用到过此类似的功能,我是用JavaSc...

继续阅读 →

Gmail / Facebook风格的jQuery聊天模块 »

Gmail/FacebookStylejQueryChat大家都喜欢的Gmail和Facebook在线聊天模块。这jQuery聊天模块,使您能够无缝集成到到您现有的网站,让你轻松拥有Gmail/Facebook风格的jQuery聊天演示:SampleChatUserOneSampleChatUserTwoSampleChatUserT...

继续阅读 →

用jQuery+Xml实现一个用于图书推荐的小工具 »

用jQuery+Xml实现一个用于图书推荐的小工具Amazon.comBooksWidget是用jQuery+Xml实现的图书推荐小工具像BooksWidget这样的小工具,把电子商务网上好的产品信息通过小工具共享出去,也方便集成到我们自己的网站上,这就是简单Web2.0Mashup技术的应用,Web2.0Mashup即,可以利用从外...

继续阅读 →

jQuery UI Tabs 在Bolg上的应用 »

jQueryUITabs在Bolg上的应用网页上的Tabs应用已经web2.0的一大特点,尤其是新闻娱乐网站上,几乎每一个页面上都有Tabs的应用,它能为我们节省网页空间,并且反应大量的信息,非常有利于用户体验。但是Tabs的性能好坏也影响着我们网页的渲染。其实,jQueryUITabs是不错的选择。我们只需对jQueryUI库作一些...

继续阅读 →