随笔分类 - 效果合集
摘要：
jQuery 是一个非常优秀的 JavaScript 框架，使用简单灵活，同时还有许多成熟的插件可供选择，它可以帮助你在项目中加入漂亮的效果，其中之一就是幻灯片效果的实现，这是一种在有限的网页空间内展示系列项目时非常好的方法。今天这篇文章要给大家分享的是60款很酷的 jQuery 幻灯片插件，相信里面一定会有你喜欢的。
阅读全文
jQuery 是一个非常优秀的 JavaScript 框架，使用简单灵活，同时还有许多成熟的插件可供选择，它可以帮助你在项目中加入漂亮的效果，其中之一就是幻灯片效果的实现，这是一种在有限的网页空间内展示系列项目时非常好的方法。今天这篇文章要给大家分享的是60款很酷的 jQuery 幻灯片插件，相信里面一定会有你喜欢的。
阅读全文
摘要：
此脚本拟达到以下需求
当图片高或宽超过父容器时截取中间部分显示。
当图片宽高小于父容器时，居中显示。
插件中”width”和”height”两个参数可以设定图片实际输出的宽度。
可以通过样式设置图片的偏移位置，例如.themes2 li a img{ margin-top: -5px; margin-left: -5px}；
第3点和第4点结合可以尽可能的解决一个问题，就是解决图片边缘模糊是造成视觉上的不爽。
阅读全文
此脚本拟达到以下需求
当图片高或宽超过父容器时截取中间部分显示。
当图片宽高小于父容器时，居中显示。
插件中”width”和”height”两个参数可以设定图片实际输出的宽度。
可以通过样式设置图片的偏移位置，例如.themes2 li a img{ margin-top: -5px; margin-left: -5px}；
第3点和第4点结合可以尽可能的解决一个问题，就是解决图片边缘模糊是造成视觉上的不爽。
阅读全文
摘要：
Javascript 打开了web设计的大门，给了Html和CSS更宽广的舞台。HTML5和CSS3，又比从前进步了一大截。神奇的根源来自JavaScript，它可以向你的网站布局中加入交互元素。以jQuery Masonry为例，它转换常规的布局，到一个真正的动态布局，可自动对齐任何项...
阅读全文
Javascript 打开了web设计的大门，给了Html和CSS更宽广的舞台。HTML5和CSS3，又比从前进步了一大截。神奇的根源来自JavaScript，它可以向你的网站布局中加入交互元素。以jQuery Masonry为例，它转换常规的布局，到一个真正的动态布局，可自动对齐任何项...
阅读全文
摘要：
在前两周国外知名博客WDL先后分享了“2010最佳系列”中的“最佳免费WordPress主题”和“最佳免费字体”，在这个星期又发布了2010年最佳jQuery插件。在2010年，JavaScript框架继续日渐普及，这使得大量的插件被开发出来。满目琳琅，难以选择心头之好。WDL的作者从大量的优秀jQuery插件精心筛选出一些对Web Designers有帮助的和具备非常不错的视觉效果的Best of the best。
阅读全文
在前两周国外知名博客WDL先后分享了“2010最佳系列”中的“最佳免费WordPress主题”和“最佳免费字体”，在这个星期又发布了2010年最佳jQuery插件。在2010年，JavaScript框架继续日渐普及，这使得大量的插件被开发出来。满目琳琅，难以选择心头之好。WDL的作者从大量的优秀jQuery插件精心筛选出一些对Web Designers有帮助的和具备非常不错的视觉效果的Best of the best。
阅读全文
摘要：jQuery.Switchable是一款整合了Tabs、Slide、Scrollable等常见UI组件的jQuery插件。它有简单易用的API、可灵活配置的Configuration，支持自定义Effect，支持自主开发Plugin。jQuery.Switchable能实现什么样的效果？看图：TabsSlideScrollableHorizontal AccordionTaobao.com下面是构...
阅读全文
摘要：
交付信息结构是一个交互式用户界面所需要完成的首要任务。更直观的布局结构设计，能使用户更好的理解内容。
不管你想要介绍的是什么样的内容，你都可以以更加互动和更加适应的方式去呈现现它。本文里面，我们为你收集整理了11种高超的JavaScipt技术，让你更好的控制内容的显示方式，以便用于下一次的布局设计。
阅读全文
交付信息结构是一个交互式用户界面所需要完成的首要任务。更直观的布局结构设计，能使用户更好的理解内容。
不管你想要介绍的是什么样的内容，你都可以以更加互动和更加适应的方式去呈现现它。本文里面，我们为你收集整理了11种高超的JavaScipt技术，让你更好的控制内容的显示方式，以便用于下一次的布局设计。
阅读全文
50多套CSS导航菜单免费资源
摘要：
这是来自SmashingMagazine的又一个CSS相关资源收集文章，事实上，里面有一半多的技巧，帕兰在之前翻译Noupe的101个CSS技术高级应用教程(上)和101个CSS技术高级应用教程(下)里面都已经介绍过了。 不过还是全部翻译一个，就当作是复习吧。
阅读全文
这是来自SmashingMagazine的又一个CSS相关资源收集文章，事实上，里面有一半多的技巧，帕兰在之前翻译Noupe的101个CSS技术高级应用教程(上)和101个CSS技术高级应用教程(下)里面都已经介绍过了。 不过还是全部翻译一个，就当作是复习吧。
阅读全文
摘要：
导航是网页设计中的重要元素。一个良好的网页导航系统能不止是要把它设计的够漂亮，同时更重要的是要能够带领你的用户逗留在你的网站之中，让访客轻松找到他们想要观看的内容。这篇文章介绍了导航菜单在近期的发展趋势，实例和创新的解决方案，非常的丰富，相信能够为你的下次网页设计带来更好的灵感和参考。
阅读全文
导航是网页设计中的重要元素。一个良好的网页导航系统能不止是要把它设计的够漂亮，同时更重要的是要能够带领你的用户逗留在你的网站之中，让访客轻松找到他们想要观看的内容。这篇文章介绍了导航菜单在近期的发展趋势，实例和创新的解决方案，非常的丰富，相信能够为你的下次网页设计带来更好的灵感和参考。
阅读全文
摘要：
新的技术在不断的发展和更新，利于我们创造更多独特和看上去很酷的菜单效果。下面是7个基于CSS创建的网页导航菜单：
阅读全文
新的技术在不断的发展和更新，利于我们创造更多独特和看上去很酷的菜单效果。下面是7个基于CSS创建的网页导航菜单：
阅读全文
摘要：
我们爱Mac，我们爱Mac风格的“鱼眼菜单”，也就是Dock Menu:当你鼠标悬浮在图标或链接上面的时候，会放大展示出来。下面是几个Mac风格的鱼眼菜单(Dock Menu),你可以免费下载它们，并应用到你的Web设计中:
阅读全文
我们爱Mac，我们爱Mac风格的“鱼眼菜单”，也就是Dock Menu:当你鼠标悬浮在图标或链接上面的时候，会放大展示出来。下面是几个Mac风格的鱼眼菜单(Dock Menu),你可以免费下载它们，并应用到你的Web设计中:
阅读全文
摘要：
之前已经为你介绍了50多个强大的jQuery插件，但是承受着jQuery的流行，越来越多的插件很快的冒出来。本文中为你收集了45个最新的jQuery插件，看看，有哪些是你想要应用到你的网页设计中的？
阅读全文
之前已经为你介绍了50多个强大的jQuery插件，但是承受着jQuery的流行，越来越多的插件很快的冒出来。本文中为你收集了45个最新的jQuery插件，看看，有哪些是你想要应用到你的网页设计中的？
阅读全文
摘要：
jQuery是近段时间里比较流行的一个JavaScript框架，不断有使用者开发出新的 jQuery插件。下面收集了50个开发者最喜欢使用的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
阅读全文
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
阅读全文
摘要：每个 web 设计者都希望设计出富有创造性的导航菜单。现在为您呈现 13 个希奇的 Javascript CSS 菜单，你可以通过修改来设计出符合自己意愿的个性菜单。
阅读全文
摘要：53 CSS-Techniques You Couldn’t Live Without
53个CSS-不可或缺的技巧
CSS是重要的，它正在越来越广泛的被运用。层叠样式表拥有很多表格布局所没有的优势，首先从布局或者页面的设计与出现在页面中的信息中作严格的分离，从而让页面的设计能够很容易被改变，仅用一个CSS文件更换另一个。难道它不够强大吗？恩，是的，其实它很强大。
在过去的几年里，网站开发者写了很多关于CSS的文章和开发了很多实用的技巧，这些能帮你节省很多时间。当然，如果你有足够时间也可能发现它们。在下面，你将会发现我们作为网站架构师真正不可或缺的技巧目录。它们确实是必要的，它们使我们的生活更简单。让我们看一看这53个基于CSS的技巧，如果你做网站开发，应该永远都愿意掌握它们。
感谢所有的在过去几年里在易用和可用的基于CSS设计方面作出贡献的开发者们，我们真的很感谢他们！谢谢你们！
阅读全文
浙公网安备 33010602011771号