软件 聊天 安全 视频 浏览器 下载 系统 办公 教学 输入法
免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 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无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

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