标签:jQuery 页 2

删除残破的图片(Broken Images),基于 MooTools or jQuery »

我们写BLOG的时候,喜欢收藏一些好的文章,但是我们收藏的文章中的图片路径大多数是原来的路径,并没有保存到自己的目录中,这样会有图片断链的问题,图片元素就会空白站位,会影响网页的美观性,会给用户带来失落感,不信任感。想了一会儿,我决定最好一起删除的网页中破碎的形象。下面你会发现使用MooTools或jQuery做此事是多么容易的一件事...

继续阅读 →

10个jQuery过渡效果:移动的元素与样式 »

围剿Flash的不仅有HTML5,还有JavaScript,著名的JavaScript框架jQuery在运动特效方面已经越来越流畅,有时候你需要点一下右键来确认它不是Flash。本文介绍了10个非常出色的jQuery运动特效,这些效果可以更有效地展示你的内容。1.流感导航菜单下面的导航菜单,当鼠标在上面移动的时候,会很流畅地垂下解释菜...

继续阅读 →

网页随机换肤 »

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

继续阅读 →

网页换肤,基于MooTools or jQuery »

我们都知道WEB2.0是以人为核心线索的网,为了更好的增强用户体验,一些比较流行的SNS社会网络,非常重视用户自定义功能,例如自定义新闻内容,可以任意拖动新闻内容,还可以选择网页皮肤,例如:谷歌,雅虎,腾讯等都类似的功能。网页换肤的原理是通过调用不同的样式表文件来实现不同的皮肤切换,并且需要将换好的皮肤记入Cookie中,这样用户下次...

继续阅读 →

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

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

继续阅读 →

Google 排名中的 10 个最著名的 JavaScript 库 »

JavaScript是Web开发与设计中不可或缺的东西,不管是一个简单的网页还是一个专业的站点,也不管你是高手还是菜鸟,如今JavaScript库越来越强大,可以胜任许多复杂的工作,然而同时,人们在众多JavaScript库面前又觉得无所适从,本文,我们将使用Google搜索出排名前10位的JavaScript库,并对它们逐一进行介绍...

继续阅读 →

实现侧边栏滚动的多种技术,基于CSS,jQuery or MooTools »

当我们,页面内容的篇幅很长的时候,我们需要拼命的向下滚动页面,鼠标滚动的次数过多,难免有些让人不耐烦。这样,就需要在文章的侧面需要一个“目录侧栏”,如果“目录侧栏”跟着滚动页面动作移动那就更好了,非常有利于用户体验,有很多方法去做“Number”。本文就告诉你实现侧边栏滚动的多种技术。我们将讨论两个:CSS和JavaScript(jQ...

继续阅读 →

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

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

继续阅读 →

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

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

继续阅读 →