可以自动轮换的页签 tabs with auto play fucntion

tabs with auto play function

默认事件
}
}
};clik();
}
timertab("tab_01",2);
}
//-->

tab_01
tab_02
tab_03
link1
link2
link3

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

a1 a2 a3

/*参数说明：
t：导航容器的ID
to：导航的单位元素标签
c：内容的容器ID
co：内容的单位元素标签
s：初始化时的当前项
a：内容的单位元素标签ID中的数字序号的位置

(对应的a为2)
*/
function timertab(t,to,c,co,s,a){
this.obj = document.getElementById(t).getElementsByTagName(to);//导航对象
this.eles = document.getElementById(c).getElementsByTagName(co);//内容项
this.start = s-1;//初始项目
this.speed = 2000;//切换间隔
this.setid = null;//定时器
var loop = function(){ //自动切换
for(var i=0,j=obj.length;i

a1
a2
a3


作品4249


作品4240


作品4245

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

Tags：自动轮换 页签 tab

相关文章

  • 2010-11-11JavaScript.The.Good.Parts阅读笔记（二）作用域&闭包&减
  • 2010-10-10理解Javascript_02_理解undefined和null
  • 2015-04-04javascript中call和apply的用法示例分析
  • 2014-11-11js判断滚动条是否已到页面最底部或顶部实例
  • 2016-05-05基于BootStrap Metronic开发框架经验小结【七】数据的导入、导出
  • 2017-08-08利用JS制作万年历的方法
  • 2011-03-03模拟windows平台的上下文菜单效果代码
  • 2013-06-06JS图片无缝滚动(简单利于使用)
  • 2014-06-06js处理php输出时间戳对不上号的解决方法
  • 2015-03-03JavaScript自定义等待wait函数实例分析

最新评论

赞 (0)

相关推荐

  • 可以自动轮换的页签 tabs with auto play fucntion

    可以自动轮换的页签 tabs with auto play fucntion

    tabs with auto play function 默认事件 } } };clik(); } timertab("tab_01",2); } //--> tab_01 tab_02 tab_03 link1 link2 link3 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] a1 a2 a3 /*参数说明: t:导航容器的ID to:导航的单位元素标签 c:内容的容器ID co:内容的单位元素标签 s:初始化时的当前项 a:内容的单位元素标签ID中的数字序号

  • jquery tools之tabs 选项卡/页签

    虽然方便好用,但是个人觉得其在UI方面的表现不是太出彩,今天无意中看到jquery tools--一种基于jquery的UI表现框架,其UI功能展示风格类似(或模仿)flex.该框架提供了tabs(选项卡/页签)overlay(覆盖层),tooltip(提示框),scrollable(滚动信息栏),expose(突出显示),flahembed(视频播放嵌入)六大类功能(其官方网站自称为六大工具),这六大类功能又是每个功能都有自己的独立支持包,不相互干扰,用户完全可以跟据自己需要下载,这样就减少了

  • jQuery Easyui Tabs扩展根据自定义属性打开页签

    easyui是一个轻量级的后台管理系统框架,各种组件均有,使用简单方便,现在已经有免费版的License了. 1.增加扩展 <script type="text/javascript" > /** * @author {kexb} easyui-tab扩展根据id切换页面 */ $.extend($.fn.tabs.methods, { getTabById: function (jq, id) { var tabs = $.data(jq[0], 'tabs').tabs

  • Android实现图片滚动和页签控件功能的实现代码

    首先题外话,今天早上起床的时候,手滑一下把我的手机甩了出去,结果陪伴我两年半的摩托罗拉里程碑一代就这么安息了,于是我今天决定怒更一记,纪念我死去的爱机. 如果你是网购达人,你的手机上一定少不了淘宝客户端.关注特效的人一定都会发现,淘宝不管是网站还是手机客户端,主页上都会有一个图片滚动播放器,上面展示一些它推荐的商品.这个几乎可以用淘宝来冠名的功能,看起来还是挺炫的,我们今天就来实现一下. 实现原理其实还是之前那篇文章Android仿人人客户端滑动菜单的侧滑菜单效果,史上最简单的侧滑实现  ,算是

  • 基于微前端qiankun的多页签缓存方案实践

    基于微前端qiankun的多页签缓存方案实践

    目录 一.多页签是什么? 1.1 单页面应用实现多页签 1.2 使用qiankun进行微前端改造后,多页签缓存有什么不同 二.方案选择 2.1 方案一:多个子应用同时存在 2.2 方案二:同一时间仅加载一个子应用,同时保存其他应用的状态 2.3 最终选择 三.具体实现 3.1 从组件级别的缓存到应用级别的缓存 3.2 移花接木——将vnode重新挂载到一个新实例上 3.3 解决应用级缓存方案的问题 3.3.1 vue-router相关问题 3.3.2 父子组件通信 3.3.3 缓存管理,防止内存

  • vue使用keep-alive如何实现多页签并支持强制刷新

    vue使用keep-alive如何实现多页签并支持强制刷新

    目录 使用keep-alive实现多页签并支持强制刷新 需求 思路 已打开菜单组件 Home页面 使用keep-alive以后刷新部分数据如何解决 项目中遇到得问题 使用keep-alive实现多页签并支持强制刷新 需求 我司有一款使用Vue构建的SPA 后台管理系统,此时客户提出一个需求. 1:要求支持打开多页签 2:多页签保留状态,即切换页签的时候不重新刷新内容. 3:关闭某一页签之后,重新打开之后,需要进行刷新 4:在当前页面可以进行强制刷新功能. 如图示意(左侧箭头为多页签,右侧为强制刷

  • js实现自动轮换选项卡

    js实现自动轮换选项卡

    本文实例为大家分享了js自动轮换选项卡的具体代码,供大家参考,具体内容如下 效果图: 代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> *{padding:0;margin:0;} ul{list-style:no

  • BootStrap 页签切换失效的解决方法

    BootStrap 页签切换失效的解决方法

    概述 bootstrap开发标签页时,标签页显示正常,但点击时候对应内容区域没有变化. 具体症状与解决方案 1.标签页UI出现,但点击无反应,标签页UI并未随点击进行切换 先检查bootstrap.css,jQuery.js和bootstrap.js是否有正确引入,并保证引入顺序jQuery在前,bootstrap.js在后.再检查代码中是否有其他报错中止了JS. 2.标签页可以随点击进行切换,但点击后前面几条内容可以切换,但后面几条内容切换失败 产生原因: 内容区域的html结构出现错误,在单

  • JS图片自动轮换效果实现思路附截图

    JS图片自动轮换效果实现思路附截图

    今天不在状态,安静五一快到了,俺就特想玩了.好了,天色已晚,闲话不多说,看下用javaScript 实现的图片自动轮换效果,先看图片  下面是具体的代码,还是比较简单的. 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html x

  • Android中解决页签手指按下从左到右滑动的bug

    有一种方法可以阻止父层的View截获touch事件,就是调用 getParent().requestDisallowInterceptTouchEvent(true);方法. 一旦底层View收到touch的 action后调用这个方法那么父层View就不会再调用onInterceptTouchEvent了,也无法截获以后的action 在ViewPagerIndicator项目中找到TabPageIndicator该类,添加如下代码 @Override public boolean dispa

随机推荐