当前位置:  编程技术>jquery

jquery自动切换tabs选项卡的实现代码

    来源: 互联网  发布时间:2014-09-03

    本文导语:  本节内容: jquery实现自动切换选项卡。 代码:   代码示例: 自动切换tabs选项卡-www. code {     font-family: "Courier New", Courier, monospace; }  $(function() {   alert(1);   $('#rotate > ul').tabs({ fx: { opacity: 'toggle' },selec...

本节内容:
jquery实现自动切换选项卡。

代码:
 

代码示例:







自动切换tabs选项卡-www.





code {
    font-family: "Courier New", Courier, monospace;
}


 $(function() {
  alert(1);
  $('#rotate > ul').tabs({ fx: { opacity: 'toggle' },selected:0}).tabs('rotate', 500000);
 });
 



Rotating UI Tabs example



DIV1此处放置测试用的显示内容,自动切换tabs选项卡,自动切换tabs选项卡,自动切换tabs选项卡。
自动切换tabs选项卡,自动切换tabs选项卡,自动切换tabs选项卡。自动切换tabs选项卡。

DIV2Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

DIV3Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.




    
 
 

您可能感兴趣的文章:

  • jQuery高级选项插件 jQuery Easing Plugin
  • jQuery 选项卡插件 Tabslet
  • jQuery选项卡 KandyTabs
  • jQuery选项卡插件 MagicTabs
  • jQuery选项框插件 jSelect
  • jQuery 选项插件 Bootstrap Select
  • jquery代码-在弹出窗口中打开链接和在选项卡中打开链接
  • jQuery操作select option选项(增加 删除 修改)
  • JQuery设置获取下拉菜单某个选项的值(比较全)
  • jquery 删除select中option选项
  • jquery实例之div ul li模拟下拉选项(option标签)
  • jQuery 网页选项卡的示例代码
  • Jquery tab选项卡的实现代码
  • JQuery竖排选项卡示例代码
  • Jquery 经典选项卡的实现代码一例
  • jquery自动切换tabs选项卡的具体实现
  • 简单选项卡 js和jquery制作方法分享
  • jQuery之选项卡的简单实现
  • jquery操作select中option选项的方法汇总
  • jQuery图片切换插件 ImageSwitch
  • jQuery 开关切换插件 On-Off Toggle Switches
  • jQuery图片效果切换 Adipoli
  • jQuery的对象切换插件 sochange-juqeryplugin
  • jQuery回车键切换文本框焦点
  • jQuery实现回车键(Enter)切换文本框焦点的代码实例
  • jQuery 页面切换插件 browserSwipe.js
  • jquery 新闻循环切换的实现代码
  • jQuery 随机切换图片的例子
  • jquery图片淡入淡出与图片切换效果的例子
  • jQuery字体大小切换的实现代码
  • jquery自动切换淡入淡出效果的例子
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 通过javascript库JQuery实现页面跳转功能代码
  • jquery代码-如何使用jQuery来解析xml
  • jQuery概述,代码举例及最新版下载
  • jquery代码-如何使用jQuery来检测右键和左键的鼠标单击两种情况
  • jQuery 禁用右键菜单的简单代码
  • jQuery页面加载完毕再执行代码多种方法
  • jquery的父子兄弟节点查找示例代码
  • JQuery实现元素屏幕居中显示的代码
  • jQuery 代码模块化 TerrificJS
  • 在myeclipse中如何加入jquery代码提示功能
  • jquery弹窗代码示例
  • Jquery在指定DIV加载HTML示例代码
  • jquery遍历checkbox代码与说明
  • JQUERY 设置SELECT选中项代码
  • jQuery获得内容和属性示例代码
  • jQuery的each终止或跳过示例代码
  • jquery代码-如何使用多个属性来进行过滤
  • 简单的代码实现jquery定时器
  • jquery捕捉回车事件的代码
  • jquery实现图片路径不存在时进行替换的代码
  • jquery 页面滚动到指定DIV的代码
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery 网页选项卡的示例代码 iis7站长之家
  • jQuery向导插件 Jquery Wizard Plugin
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3