jQuery

无JavaScript实现内容切换效果 »

选项卡式的内容切换效果,应用的场景比较多,用JavaScript是如何实现的不是我们今天说的重点。如果我们的"选项卡式的内容切换效果"在禁用JavaScript的情况下是否可以正常运行?是否可以满足用户的基本需求?是我们讨论的重点。不过此情况放在中国的用户群体是不会有禁用JavaScript的情况。但是我们不能放弃我们追求完美的精神。...

继续阅读 →

盒子(Box)中间的链接(Links),基于MooTools or jQuery »

盒子中间的链接,这个标题不知道如何取比较合适,说白了就是给一个Box模块中间加一个有遮罩效果和悬停效果的超链接,当我们的鼠标移到盒子上面有一个醒目的链接按钮,反之,链接按钮消失并移除。接下来,我们看一下效果图吧,比较直观一些。 ViewDemos» 我们的目标我们这里有一些包含内容的盒子。这个目标就是:当我们的鼠标...

继续阅读 →

打破重复的动画效果,基于CSS,MooTools or jQuery »

也许您看到此文章的标题,有点怪,不好理解。其实我想表达的应用场景是网页上的视频,图片和在线的文档阅读器等,在初始状态下是一种默认效果,当我们的鼠标移到目标上时是还是没有变化的,还是默认的效果。面对这样重复的默认动画效果。是否我们能改善一下用户的体验,增加一个不一样的动画效果或提示。说是那么多,还是有点不明白!哈哈,那我们还是先看一下实...

继续阅读 →

简单的,流行的,可交换的图片字幕,基于CSS and MooTools »

我在《如何自动给图片或照片加说明文字,使用MooTools»》这篇文章中,介绍了如何给图片自动加说明文字的做法,然而,有的时候我们更喜欢比较时尚和可交换的图片说明文字。虽然他们都说一张照片胜过千言万语,但是不是每一个形象都是不言自明的。有的时候,一句简短的说明文字或在背景上说几句话可以使图像得以区别。这就是为什么图片说明文字(图片字幕...

继续阅读 →

GitHub-Style的按钮 ,基于CSS and MooTools , jQuery »

我们都知道,GitHub是一个管理开源代码库的好地方,并且提供了非常有利于用户体验的web界面,使我们使用起来是如此的简单。然而那么好的交互效果,当然离不开CSS和JavaScript。就像GitHub中的那些基本按钮,也是我喜欢的。接下来,我们可以尝试一下使用HTML,CSS和JavaScript做一个属于自己的GitHub风格的按...

继续阅读 →

网站功能列表插件,基于MooTools or jQuery »

对于网站的功能列表模块,有许多的网站都有应用,它能够快速了解网站提供的服务或功能,准确的引导用户进入相关服务模块,以免用户进入迷宫,简单方便的互动了用户。以前用Flash实现“特色项目”或“功能列表”的网站居多,自从jQuery的出现,给我们带来了简洁和强大的动画效果,有些方面完全可以取代Flash的动画效果。接下来,我给大家推荐的东...

继续阅读 →

关于‘TOP’置顶链接的那些事儿 »

‘TOP’置顶链接,说的通俗一点就是‘返回顶部的链接’,‘gototop’一般都放在页面的底部,它可以快速返回页面顶部,以节省用户浏览页面的时间。它主要的应用场景是当你有一个很长的网页内容时,您通常要把‘TOP’锚点链接添加在页面底部,只要用户一点击‘TOP’链接,就可以马上回到页面的顶部了。我们遇到的问题是:不是滚动到页面底部的时候...

继续阅读 →

网页随机换肤 »

我在上一篇《网页换肤,基于MooToolsorjQuery》文章中,通过一个完整的实例讲解了一下网页换肤的原理。即,通过调用不同的样式表文件来实现不同的皮肤切换,并且需要将换好的皮肤记入Cookie中,这样用户下次访问时,就可以显示用户自定义的皮肤了。在CSS9.NET博客上,IIduce写了一篇关于随机加载样式的文章,他给自己的微博...

继续阅读 →

Google-Style之元素褪色(Element Fading),基于MooTools or jQuery »

如图所示:Google-Style——元素褪色(ElementFading)谷歌最近在他们的网页上推出了一个有趣的效果:左上角和右上角的导航条不显示了,直到您移动鼠标或离开searchtermbox。为什么?我猜测,他们是希望自己的网页,尽可能的简单;这样的好处就是搜索框立即给予关注,至少有一半的用户可能只需输入关键字,按下回车键——...

继续阅读 →

在网站外部链接旁边添加Favorite Icons的方法,基于MooTools or jQuery »

最近,我碰见了一个如何检索页面上所有的外部链接的jQuery文章,很有意思。对于我来说,我很喜欢收藏一些很酷的网站,并且分类罗列出来,以方便以后使用,如果在链接地址的旁边配有这些网站的favoriteicon,那就更美了。FromLiviuHolhoş实现了此功能,我选择了不同的方法,使用CSS的background-image属性,...

继续阅读 →

热门专题