程序员的知识教程库

网站首页 > 教程分享 正文

个人收藏的必备网页设计控件,也许正是你在寻找的(四)

henian88 2024-08-12 19:48:28 教程分享 98 ℃ 0 评论

1、瀑布流插件 jquery.shapeshift

一款轻量级的网格系统插件,可以制作瀑布流效果,同时具有拖动、Responsive和Touch功能。它会动态地安排元素的集合变成类似列网格系统。它除了可以拖动在网格内的掉落元素的同时,仍保持对每个元素的一个逻辑索引位置的能力。

它的主要特点包括:

  • 拖放 容器内重新排列元素。拖动的元素会自动在其父容器内改变自己的索引位置。当一个页面重新加载,只要子元素被放置在正确的顺序则网格将看起来完全相同。

  • 响应网格 默认情况下启用,将侦听窗口的resize事件,并根据它们的父容器所提供的空间重新安排它的元素。

主页:https://github.com/McPants/jquery.shapeshift

2、图像放大 Elevate Zoom

它是一款免费的图像放大插件。它完全可定制、彩色浅色调、fancybox支持、使用鼠标滚轮变焦、窗口缩放、镜头变焦和内环缩放等。

主页:http://www.elevateweb.co.uk/image-zoom

3、页面导航 ScrollNav.js

一款制作滚动页面,导航项目随之变化的jQuery插件。

把你的页面的现有内容,将其划分成逻辑部分,并建立一个可定制的侧边栏滚动导航。它可以经过简单的设置就可以使用,并且是完全可以定制的,最大的特点是压缩后的JS文件非常小。

主页:http://scrollnav.com/

4、文本动画效果 textillate.js

这是一款简单实现文本动画效果的jQuery插件。

主页:http://textillate.js.org/

5、图片旋转 Threesixty-slider

它是一个jQuery插件,它可以创建360度的产品展示。该插件是完全可定制的,它具有在任何角度显示图像的功能,例如在一个电子商务网站,可以帮客户从他们需要的任何角度展示产品细节。

主页:http://www.360slider.com/

6、图标插件 Chart.js

它是一个简单,灵活的JavaScript图表设计插件,它可以混搭条形图和折线图以提供的数据集之间有清晰的视觉区别,它可以轻松定制完全坐标轴,并且可以简单的使用令人惊叹的转换数据动画。



主页:http://www.chartjs.org/

7、书册翻页 BookBlock

BookBlock是一个jQuery插件,将创建类似于一个小册子,你可以通过翻阅书本一样阅读。任何内容都可以使用,如图片或文字。

主页:http://tympanus.net/codrops/2012/09/03/bookblock-a-content-flip-plugin/

8、自动裁剪图片 FocusPoint

FocusPoint 可以让你的照片在任意的容器中都能有不错的显示效果。 它会动态地对图片进行剪裁,而不会切掉图片中重要的对象。

主页:https://github.com/jonom/jquery-focuspoint

9、CSS动画 Animisition

Animsition是一个便于开发者添加CSS动画跳转的jQuery插件。它提供18种不同的动画,包括各种各样的消失、旋转、翻转和变焦等特效。

主页:https://github.com/blivesta/animsition

10、折角插件 jCorner

jCorner是一个jQuery插件,它可以在右下角创造折纸效果,如图所示。它使用CSS边框达到效果,而无需使用任何图像,因此,可以使用这个插件来创建任意大小折角。

主页:https://github.com/tisuchi-com/How-to-create-folding-paper-with-jCorner

这次就到这里,下次继续,请多多关注,谢谢。

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表