免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 PSD 矢量 网页 PPT 动画
美女 唯美 大生活 美图 风景 时尚艺
资讯 综合 专题 热点
您的位置: 广信之家 > 免费资源 > 免费插件 > 文章正文

一套优化开发web应用的jQuery插件集 - Vanity Toolset

时间:07-11 16:05 来源:gbin1.com 整理:广信小编 我要评论(0)
字号:T|T
内容提要:
  jQuery的UI相关插件很多,今天我们介绍来自Vanity Toolset的jQuery插件集,帮助你有效的简化前端UI开发。

分享一套帮助你优化开发web应用的jQuery插件集 - Vanity Toolset

jQuery的UI相关插件很多,今天我们介绍来自Vanity Toolset的jQuery插件集,帮助你有效的简化前端UI开发。

这套jQuery UI插件包含了7个不同的UI组件,包括:

1.jSlider - 幻灯插件

2.jSpotlight - 聚光灯效果插件

3.jPlacehoder - 占位插件

4.jCollapse - 收放插件

5.jTabs - 标签插件

6.jTip - 提示框插件

7.jPaginate - 分页插件

以上所有的插件都使用很简单的代码,体积非常小,你可以根据自己的需要来完善。文档完善并且拥有非常好的在线演示例子。相信大家使用会非常方便。支持所有的主流浏览器。

如何使用(一个幻灯实现)

html代码

<div class="slider">
 <!-- the elements inside the slider, have as many as you want -->
 <div><a href="#"><img src="images/1.jpg" width="1024" height="350" border="0" /></a></div>
 <div><a href="#"><img src="images/2.jpg" width="1024" height="350" border="0" /></a></div>
 <div><a href="#"><img src="images/3.jpg" width="1024" height="350" border="0" /></a></div>
 <div><a href="#"><img src="images/4.jpg" width="1024" height="350" border="0" /></a></div>
    <!-- the navigation can be placed ANYWHERE in your document -->
    <a href="#" class="next">&nbsp;</a>
    <a href="#" class="prev">&nbsp;</a>
</div><!-- slider -->

Javascript

$(document).ready(function(){
 $(".slider").jSlider({elem:"div",images:true, animation: "random",auto_slide: true, auto_slide_interval:4000, infinite: true, speed: 1200});
});

代码非常简单并且直观,希望大家能够应用到自己的项目中去。

来源:分享一套帮助你优化开发web应用的jQuery插件集 - Vanity Toolset

    相关阅读:

    顶一下
    (0)
    0%
    踩一下
    (0)
    0%
    免责申明:以上内容仅代表原创者观点,其内容未经本站证实,一套优化开发web应用的jQuery插件集 - Vanity Toolset对以上内容的真实性、完整性不作任何保证或承诺,转载目的在于传递更多信息,由此产生的后果与一套优化开发web应用的jQuery插件集 - Vanity Toolset无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

    登录 (请登录发言,并遵守 相关规定)
    如果你对广信之家有任何意见或建议,请到交流平台反馈。到留言板反馈