7×24小时服务热线 171 9866 1244
栏目列表
推荐内容

Spry自动循环切换Tab选项卡问题

时间:2015-11-05 09:45来源:未知 作者:admin 点击:
下面是一个自动循环的代码. 需要放在页面底部script type=text/javascriptvar TabbedPanels1 = new Spry.Widget.TabbedPanels(TabbedPanels1);//请添加以下代码,可每3000 毫秒 (3秒)循环切换一次setInterval(switchTP,
下面是一个自动循环的代码. 需要放在页面底部
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
//请添加以下代码,可每3000毫秒(3秒)循环切换一次
setInterval(switchTP,3000); 
function switchTP(){
 var nextIndex = TabbedPanels1.getCurrentTabIndex() + 1;
 if (nextIndex == TabbedPanels1.getTabbedPanelCount()) nextIndex = 0; 
 TabbedPanels1.showPanel(nextIndex);
}
</script>
下面是一个自动响应鼠标指向的代码,框架是DW自动生成的.你需要为每一个选项卡添加onmouseover事件响应,如下
<div id="TabbedPanels1" class="TabbedPanels">
 <ul class="TabbedPanelsTabGroup">
  <li class="TabbedPanelsTab" tabindex="0" onmouseover="TabbedPanels1.showPanel(this)">标签 1</li>
  <li class="TabbedPanelsTab" tabindex="0" onmouseover="TabbedPanels1.showPanel(this)">标签 2</li>
  <li class="TabbedPanelsTab" tabindex="0" onmouseover="TabbedPanels1.showPanel(this)">标签 3</li>
</ul>
 <div class="TabbedPanelsContentGroup">
  <div class="TabbedPanelsContent">内容 1</div>
  <div class="TabbedPanelsContent">内容 2</div>
  <div class="TabbedPanelsContent">内容 3</div>
</div>
</div>
(责任编辑:admin)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
关闭
171 9866 1244 工作日:9:00-18:00
点击这里给我发消息

邮箱:
abit@design.com