快捷搜索:  汽车  科技

网页设计表格和表单(个人收藏的必备网页设计控件)

网页设计表格和表单(个人收藏的必备网页设计控件)跨浏览器支持:谷歌浏览器14 ,Mozilla Firefox浏览器6.0以上版本,歌剧11.6 ,Safari 5以上版本,IE 9 Powerange是一个范围滑块控件,首先它很容易定制,它完全都是由CSS和JavaScript组成。其次它包含许多功能,包括改变颜色和整体风格,水平和垂直的风格,自定义之间切换,最大值和初始值,自定义步骤的时间间隔,显示十进制值,显示而不是最小/最大号的图标。支持主流的设备(iPhone iPad Nexus等)主页:https://github.com/IonDen/ion.rangeSlider2、范围选择滑块 Powerange

1、范围滑块选择 ion.rangeSlider

ion.rangeSlider是一种简单、灵活、范围内选择方便的滑块选择器。

它支持事件和公共方法,具有灵活的设置,可以用CSS来完全改变

跨浏览器支持(Google Chrome Mozilla Firefox 3.6 Opera 12 Safari 5 Internet Explorer 8 )

支持主流的设备(iPhone iPad Nexus等)

网页设计表格和表单(个人收藏的必备网页设计控件)(1)

主页:https://github.com/IonDen/ion.rangeSlider

2、范围选择滑块 Powerange

Powerange是一个范围滑块控件,首先它很容易定制,它完全都是由CSS和JavaScript组成。其次它包含许多功能,包括改变颜色和整体风格,水平和垂直的风格,自定义之间切换,最大值和初始值,自定义步骤的时间间隔,显示十进制值,显示而不是最小/最大号的图标。

跨浏览器支持:谷歌浏览器14 ,Mozilla Firefox浏览器6.0以上版本,歌剧11.6 ,Safari 5以上版本,IE 9

网页设计表格和表单(个人收藏的必备网页设计控件)(2)

主页:http://abpetkov.github.io/switchery/

4、弹窗插件 Sweet Alert

Sweet Alert 是一个替代传统的 JavaScript Alert 的漂亮提示效果。SweetAlert 自动居中对齐在页面中央,不管您使用的是台式电脑,手机或平板电脑看起来效果都很棒。另外提供了丰富的自定义配置选择,可以灵活控制。

网页设计表格和表单(个人收藏的必备网页设计控件)(3)

网页设计表格和表单(个人收藏的必备网页设计控件)(4)

主页:http://t4t5.github.io/sweetalert/

5、通知插件 Toastr

toastr 是一个实现了类似 Android 的 Toast 提示的 jQuery 插件。

网页设计表格和表单(个人收藏的必备网页设计控件)(5)

主页:https://github.com/CodeSeven/toastr

6、页面加载动画SpinKit

spinkit使用CSS3的特性实现多种动画效果,元素移动、放大缩小、翻转、进度条加载效果等等,使用了很多CSS3新的特性。

主页:https://github.com/tobiasahlin/SpinKit

演示网址:http://tobiasahlin.com/spinkit/

7、交互式图表HighCharts

Highcharts 是一个用纯JavaScript编写的一个图表库 能够很简单便捷的在您的web网站或是web应用程序添加有交互性的图表。目前HighCharts支持的图表类型有:直线图、曲线图、区域图、区域曲线图、柱状图、饼状图和散状点图等。它的显示速度很快,看起来很雅致,并且界面漂亮。它含有大量的配置选项和可扩展性。一个组件系統可让您未使用的功能压缩到一个10kB的文件大小。它还具有良好的兼容性和可访问性,当用户在Javascrip 失效的情況下,或是使用早期版本的浏览器,浏览器仍然会重定向到图片本身或事先指定的HTML页。

网页设计表格和表单(个人收藏的必备网页设计控件)(6)

网页设计表格和表单(个人收藏的必备网页设计控件)(7)

主页:http://www.highcharts.com/

8、焦点图SuperSlide

SuperSlide 致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。

网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决!

从此无需网上苦苦寻觅特效,无需加载n个插件,无需害怕代码冲突,你需要的只是一个SuperSlide!

还可以多个SuperSlide组合创造更多效果哦~(兼容包括ie6的绝大部分浏览器)

下面这个图上使用了5种以上相应的效果,只引用了一次插件

网页设计表格和表单(个人收藏的必备网页设计控件)(8)


主页:http://www.superslide2.com/

PS:官网介绍包括的扩展效果,是用SuperSlide制作的,有些特殊的效果会加少量js,如果你熟练掌握SuperSlide,你也可以制作一模一样的效果,甚至更好。对于刚刚接触的朋友,如果真的不想自己研究,请留下邮箱,我抽时间会一一发送。

9、jquery.cookie

一个简单的,轻量级的jQuery插件用于读取,写入和删除的cookie。

主页:https://github.com/carhartl/jquery-cookie

10、Custombox

Custombox是基于 CSS3 过渡功能实现的 jQuery 模式窗口插件。有许多效果,如淡入,滑动,模糊,翻转,旋转等等。截图不能突出效果,强烈推荐看看演示。

主页:https://github.com/dixso/custombox

演示地址:http://dixso.github.io/custombox/

这次就介绍这10款吧,其实我认为,所有插件、控件都是让我们在开发过程中尽可能缩短时间的工具,“工欲善其事,必先利其器”,可能真正的“牛人”都是自己需要什么写什么,但是大多数开发者可能还达不到那种境界,亦或者不愿意浪费那个时间和精力,所以,收集自己会使用或者常用的工具,何乐而不为呢。谢谢支持,下次继续。

猜您喜欢: