效果合集
此脚本拟达到以下需求
当图片高或宽超过父容器时截取中间部分显示。
当图片宽高小于父容器时,居中显示。
插件中”width”和”height”两个参数可以设定图片实际输出的宽度。
可以通过样式设置图片的偏移位置,例如.themes2 li a img{ margin-top: -5px; margin-left: -5px};
第3点和第4点结合可以尽可能的解决一个问题,就是解决图片边缘模糊是造成视觉上的不爽。阅读全文
Javascript 打开了web设计的大门,给了Html和CSS更宽广的舞台。HTML5和CSS3,又比从前进步了一大截。神奇的根源来自JavaScript,它可以向你的网站布局中加入交互元素。以jQuery Masonry为例,它转换常规的布局,到一个真正的动态布局,可自动对齐任何项...阅读全文
阅读全文
阅读全文
这是来自SmashingMagazine的又一个CSS相关资源收集文章,事实上,里面有一半多的技巧,帕兰在之前翻译Noupe的101个CSS技术高级应用教程(上)和101个CSS技术高级应用教程(下)里面都已经介绍过了。 不过还是全部翻译一个,就当作是复习吧。
阅读全文
导航是网页设计中的重要元素。一个良好的网页导航系统能不止是要把它设计的够漂亮,同时更重要的是要能够带领你的用户逗留在你的网站之中,让访客轻松找到他们想要观看的内容。这篇文章介绍了导航菜单在近期的发展趋势,实例和创新的解决方案,非常的丰富,相信能够为你的下次网页设计带来更好的灵感和参考。
阅读全文
我们爱Mac,我们爱Mac风格的“鱼眼菜单”,也就是Dock Menu:当你鼠标悬浮在图标或链接上面的时候,会放大展示出来。下面是几个Mac风格的鱼眼菜单(Dock Menu),你可以免费下载它们,并应用到你的Web设计中:

之前已经为你介绍了50多个强大的jQuery插件,但是承受着jQuery的流行,越来越多的插件很快的冒出来。本文中为你收集了45个最新的jQuery插件,看看,有哪些是你想要应用到你的网页设计中的?
阅读全文
jQuery是近段时间里比较流行的一个JavaScript框架,不断有使用者开发出新的 jQuery插件。下面收集了50个开发者最喜欢使用的jQuery插件。这仅仅是第一个系列,你先品尝,第二道大餐即将到来。
jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不及的,它兼容 CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。 jQuery 是一个快速的,简洁的 javaScript 库,使用户能更方便地处理 HTML documents、events、实现动画效果,并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离,也就是说,不用再在 html 里面插入一堆j阅读全文
53个CSS-不可或缺的技巧
CSS是重要的,它正在越来越广泛的被运用。层叠样式表拥有很多表格布局所没有的优势,首先从布局或者页面的设计与出现在页面中的信息中作严格的分离,从而让页面的设计能够很容易被改变,仅用一个CSS文件更换另一个。难道它不够强大吗?恩,是的,其实它很强大。
在过去的几年里,网站开发者写了很多关于CSS的文章和开发了很多实用的技巧,这些能帮你节省很多时间。当然,如果你有足够时间也可能发现它们。在下面,你将会发现我们作为网站架构师真正不可或缺的技巧目录。它们确实是必要的,它们使我们的生活更简单。让我们看一看这53个基于CSS的技巧,如果你做网站开发,应该永远都愿意掌握它们。
感谢所有的在过去几年里在易用和可用的基于CSS设计方面作出贡献的开发者们,我们真的很感谢他们!谢谢你们!
阅读全文



50多套CSS导航菜单免费资源