郁闷吧
懒人建站QQ群：4188479 63242849 39070147 130690866
懒人建站
主页
JS代码
导航菜单
焦点幻灯片
广告代码
网页特效
jquery 特效
滚动代码
建站技巧
威客网排行榜
用户体验设计
html+css
html+css技巧
html+css布局实例
html+css模板
兼职网站大全
当前位置：
懒人建站
>
JS代码
>
网页特效
>
只能自动切换的竖向选项卡
关键字：
选项卡
自动切换
只能自动切换的竖向选项卡代码，JS代码均有注释，不多哆嗦。 建议：自动切换的时间稍微长一点，不让切换太快不太好。
查
只能自动切换的竖向选项卡
看
只能自动切换的竖向选项卡
演示
·
进入下载地址列表
收 藏
相关代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>只能自动切换的竖向选项卡_懒人建站 http://www.51xuediannao.com</title> <style> .tab{width:100px;height:25px;background-color:#ccc;margin:0;padding:0; border-right:1px solid #666;} .tab_on{width:100px;height:25px;background-color:#eee;margin:0;padding:0; border-bottom:1px solid #666; border-top:1px solid #666; border-left:1px solid #666;} #show{ height:100px; background-color:#eee; border-bottom:1px solid #666; border-top:1px solid #666; border-right:1px solid #666; line-height:30px; } </style> <script language="javascript" type="text/javascript"> <!-- var n=1;//初始化n var time=1000;//延迟时间 var strArr=new Array();//定义数组存放数据 strArr[0]="http://www.51xuediannao.com/JS/";//数据 strArr[1]="http://www.51xuediannao.com/JS/AD"; strArr[2]="http://www.51xuediannao.com/HTML+CSS/"; strArr[3]="http://www.51xuediannao.com/jiqiao/"; function init(){document.getElementById("show").innerHTML = strArr[0];}//程序初始化 function show(){ n=n>strArr.length?1:n;//如果n>数组长度 则重新赋值为1，以便程序循环 for(i=1;i<(strArr.length+1);i++){//这里for用来改变当前tab的classname if(i==n) document.getElementById("tab_"+i).className = "tab_on"; else document.getElementById("tab_"+i).className = "tab"; } document.getElementById("show").innerHTML = strArr[n-1];//现实数据 n++; } setInterval("show()",time);//隔一秒执行一次，永远执行下去 //--> </script> </head> <body onload="init()"> <table border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#eeeeee"> <tr> <td align="right"> <div id="tab_1" class="tab_on">js代码</div> <div id="tab_2" class="tab" >js广告代码</div> <div id="tab_3" class="tab" >HTML+CSS</div> <div id="tab_4" class="tab">建站技巧</div> </td> <td bgcolor="#eeeeee"> <div id="show"></div> </td> </tr> </table> <br><br> <!--下面只是说明与程序代码无关--> <div style="width:95%; height:auto; display:block; margin:0 auto; margin-top:30px; font-size:10pt; line-height:150%;"> <span>本代码由<a href="http://www.51xuediannao.com" style="color:#F00;">懒人建站网 收集整理</a> </span><br> <a href="http://www.51xuediannao.com">懒人建站 http://www.51xuediannao.com</a><br /><br/> <span>我们为您提供-HTML+CSS模板，HTML+CSS教程，JS广告代码，HTML+CSS导航菜单，FLASH焦点图片，国外网页设计欣赏与模板和CSS技巧。；</span><br /> <span>懒人建站只收录实用和能提高用户体验的代码</span><br /> <span>我们只想解放出你的部分写代码时间来思考更高层次的设计，而不是要你懒惰、拼凑。</span> </div> </body> </html>
相关代码
分享到：
代码说明:
只能自动切换的竖向
选项卡
代码，
JS代码
均有注释，不多哆嗦。样式简陋，自行设计喜欢的皮肤样式。
建议：自动切换的时间稍微长一点，不让切换太快不太好。
TAG标签
弹出层
jQuery
图片展示
下拉菜单
左右滚动
选项卡
二级导航
jQuery弹出层
来源：
懒人建站
|
发布人：懒人建站
|
2009-12-24
|
热度：次
|
收 藏
|
报 错
上一篇：
超强动感返回顶部按钮
下一篇：
点击向下展开DIV层代码
相关代码
JQuery自动切换焦点图片(带文字说明)
微软首页竖向TAB滑动门
HTML+CSS代码极少的滑动门选项卡
行为结构表现分离的CSS选项卡原型
竖向的标准结构选项卡
点击切换和自动切换选项卡
CSS+js div ul 结构选项卡
购物网站上的滑动门，可以定义某个TAB是否滑动
一个页面可以使用多次的选项卡
当前子类
导航菜单
焦点幻灯片
广告代码
网页特效
jquery 特效
滚动代码
qq在线客服代码
选项卡代码
jquery弹出层
栏目热点
基于jQuery弹出层有9种效果
基于jQuery的弹出层
基于jQuery弹出层插件thickbox
摄影网站照片展示jquery特效(图片组展示
jQuery点击左右滚动产品图片展示代码
Jquery点击登录按钮弹出登录层
jquery弹出层插件jquery.msgbox5.0
仿wordpress 3D旋转标签云JS代码
基于jQuery的图片展示简洁版
弹出提示层背景半透明不可操作
懒人建站
相关
最新
随机
标签
相关文章
JQuery自动切换焦点图片(带文字说明)
微软首页竖向TAB滑动门
HTML+CSS代码极少的滑动门选项卡
行为结构表现分离的CSS选项卡原型
竖向的标准结构选项卡
点击切换和自动切换选项卡
CSS+js div ul 结构选项卡
购物网站上的滑动门，可以定义某个TAB是否滑动
一个页面可以使用多次的选项卡
最新文章
自适应宽度的html+css图片提交按钮代码
图片大小固定的html+css图片提交按钮代码
为网站增加圣诞节祝福动画百度的圣诞老人动画
日期时间带星期农历js代码特效
仿腾讯|新浪微博的文本向下滚动JS特效代码
向上逐行滚动JS代码文本特效，鼠标划过暂停
基于jQuery弹出窗口插件特效AsyncBox-v1.2.6
向左滚动的文字特效JS代码
向上滚动的文字特效JS代码
基于jQuery弹出层插件thickbox
随机推荐
点击问题展开隐藏的答案JS代码
只半透明背景不透明文字的CSS写法
JS实现flash效果的竖向折叠二级菜单(HTML+CSS+JS)
鼠标滑过图片实现图片的局部放大JS特效代码
鼠标划过显示title说明并且title属性支持html代码
iframe自适应高度JS代码特效
JQuery自动切换焦点图片(带文字说明)
图片大小固定的html+css图片提交按钮代码
几个输入内容框同步输入JS代码
鼠标划过搜索框弹出关键词提示层
热门标签
弹出层
jQuery
图片展示
下拉菜单
左右滚动
选项卡
二级导航
jQuery弹出层
HTML+CSS
弹出窗口
右下角
导航菜单
CSS技巧
点击滚动
JS代码
设计技巧
设计理论
jQuery插件
SEO
界面设计
jQuery
|
jquery特效
|
jQuery弹出层
|
JS代码
|
js特效代码大全
|
JS广告代码
|
下拉菜单代码
|
QQ客服
|
html+css
Copyright © 2008-2009
懒人建站
www.51xuediannao.com 版权所有
Powered by
懒人建站
备案号：豫ICP备09003854号
登 录
|
注 册
你也许会喜欢
X 关闭
↑返回顶部
→相关代码/文章
收藏到：
百度搜藏
新浪微博
QQ空间
更多
香港
免备案
空间，一年
80元
，500M空间、
免费送100M mysql
数据库。
香港新世界
电讯机房，与
万网
香港空间同机房，
懒人建站
同服务器。
速度演示：
jquery 特效
懒人建站