Browsing Category :
盒子中间的链接,这个标题不知道如何取比较合适，说白了就是给一个Box 模块中间加一个有遮罩效果和悬停效果的超链接，当我们的鼠标移到盒子上面有一个醒目的链接按钮，反之，链接按钮消失并移除。
接下来，我们看一下效果图吧，比较直观一些。
View Demos »
我们的目标
我们这里有一些包含内容的盒子。
这个目标就是: ... Continue Reading »
也许您看到此文章的标题，有点怪，不好理解。其实我想表达的应用场景是网页上的视频，图片和在线的文档阅读器等，在初始状态下是一种默认效果，当我们的鼠标移到目标上时是还是没有变化的，还是默认的效果。面对这样重复的默认动画效果。是否我们能改善一下用户的体验，增加一个不一样的动画效果或提示。
说是那么多，还是... Continue Reading »
我在《如何自动给图片或照片加说明文字，使用 MooTools »》这篇文章中，介绍了如何给图片自动加说明文字的做法，然而，有的时候我们更喜欢比较时尚和可交换的图片说明文字。
虽然他们都说一张照片胜过千言万语，但是不是每一个形象都是不言自明的。有的时候，一句简短的说明文字或在背景上说几句话可以使图像得以区别。这就... Continue Reading »
我们都知道，GitHub是一个管理开源代码库的好地方，并且提供了非常有利于用户体验的web界面，使我们使用起来是如此的简单。 然而那么好的交互效果，当然离不开 CSS 和 JavaScript。
就像GitHub中的那些基本按钮，也是我喜欢的。接下来，我们可以尝试一下使用HTML ,CSS 和 JavaScript做一个属于自己的GitHub风格的按钮。
View Demo »
The HTM... Continue Reading »
对于网站的功能列表模块，有许多的网站都有应用，它能够快速了解网站提供的服务或功能，准确的引导用户进入相关服务模块，以免用户进入迷宫，简单方便的互动了用户。
以前用Flash 实现 “特色项目” 或 “功能列表”的网站居多，自从jQuery的出现 ，给我们带来了简洁和强大的动画效果，有些方面完全可以取代Flash的动画效果。
接下... Continue Reading »
‘TOP’置顶链接，说的通俗一点就是‘返回顶部的链接’，‘go to top ’一般都放在页面的底部，它可以快速返回页面顶部，以节省用户浏览页面的时间。 它主要的应用场景是
当你有一个很长的网页内容时，您通常要 把 ‘TOP’锚点链接 添加在页面底部，只要用户一点击‘TOP’链接 ,就可以马上回到 页面的顶部了。
我们遇到的问题是：不... Continue Reading »
我在上一篇《网页换肤, 基于MooTools or jQuery 》文章中，通过一个完整的实例讲解了一下网页换肤的原理。即，通过调用不同的样式表文件来实现不同的皮肤切换，并且需要将换好的皮肤记入Cookie中，这样用户下次访问时，就可以显示用户自定义的 皮肤了。
在 CSS9.NET博客上，IIduce写了一篇关于随机加载样式的文章，他给自己的微博客制作... Continue Reading »
如图所示：Google-Style——元素褪色（Element Fading）
谷歌最近在他们的网页上推出了一个有趣的效果：左上角和右上角的导航条不显示了，直到您移动鼠标或离开search term box。为什么？我猜测，他们是希望自己的网页，尽可能的简单;
这样的好处就是搜索框立即给予关注，至少有一半的用户可能只需输入关键字，按下回车键——没有更多的... Continue Reading »
最近，我碰见了一个如何检索页面上所有的外部链接的jQuery文章,很有意思。对于我来说，我很喜欢收藏一些很酷的网站，并且分类罗列出来，以方便以后使用，如果在链接地址的旁边配有这些网站的 favorite icon，那就更美了。From Liviu Holhoş 实现了此功能，我选择了不同的方法，使用CSS的background-image属性，设置为背景图片也是不错的办法。
... Continue Reading »
为什么实用tooltip
我们都知道浏览器已经自带了超链接提示，只需要我们在链接中加入title属性就可以了，不过大多数的标签都有title属性。对于图片IMG标签，我们经常关注的是它的alt和title属性。
alt是替换文字的意思，它是为了给那些不能看到你文档中图像的浏览者提供文字说明，因此也是WEB标准实战的一个细节。title属性是对图片的说... Continue Reading »
Page 1 of 6 1 2 3 4 5 6 »
