163.com的tab效果
来源:互联网 发布:mac android 文件传输 编辑:程序博客网 时间:2024/04/24 22:58
<script type="text/javascript"><!--google_ad_client = "pub-4490194096475053";/* 内容页,300x250,第一屏 */google_ad_slot = "3685991503";google_ad_width = 300;google_ad_height = 250;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<!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>JS01</title>
<style type="text/css">
body{font-size:12px; text-align:center; line-height:18px;}
.tabs{width:400px; margin:auto;}
.tabs_title{width:400px; height:24px; border-bottom:#788 solid 3px;}
.tabs_title_01{width:76px; height:18px; padding-top:6px; float:left; background:url(http://www.singercn.net/my/js01/bg_01.gif) no-repeat; cursor:hand;}
.tabs_title_02{width:76px; height:18px; padding-top:6px; float:left; background:url(http://www.singercn.net/my/js01/bg_02.gif) no-repeat; cursor:hand;}
.tabs_title_03{width:3px; height:24px; overflow:hidden; float:left;}
.tabs_content{width:400px;}
</style>
</head>
<body>
<SCRIPT language=JavaScript>
var tID=0;
function showTabs(ID){
if(ID!=tID){
TabTitle[tID].className='tabs_title_01';
TabTitle[ID].className='tabs_title_02';
TabContent[tID].style.display='none';
TabContent[ID].style.display='';
tID=ID;
}
}
</SCRIPT>
<div class="tabs">
<div class="tabs_title">
<div class="tabs_title_02" id="TabTitle" onclick="showTabs(0)">网站电视</div>
<div class="tabs_title_03"></div>
<div class="tabs_title_01" id="TabTitle" onclick="showTabs(1)">免费电影</div>
<div class="tabs_title_03"></div>
<div class="tabs_title_01" id="TabTitle" onclick="showTabs(2)">电视剧集</div>
<div class="tabs_title_03"></div>
<div class="tabs_title_01" id="TabTitle" onclick="showTabs(3)">精彩视频</div>
</div>
<div class="tabs_content" id="TabContent" style="display:block;">网站电视内容</div>
<div class="tabs_content" id="TabContent" style="display:none;">免费电影内容</div>
<div class="tabs_content" id="TabContent" style="display:none;">电视剧集内容</div>
<div class="tabs_content" id="TabContent" style="display:none;">精彩视频内容</div>
</div>
</body>
</html>
- 163.com的tab效果
- 一些实用的TAB效果
- android的Tab切换效果
- Tab切换效果的实现
- tab栏的切换效果
- 仿163效果的TAB标签效果
- android viewpager tab indicator炫酷的Tab动画效果
- android的底部多tab的效果
- 一种tab效果展示的实现过程
- 可扩展的Tab页效果
- 回车键的tab效果 切换输入焦点
- android实现页面下方的Tab效果
- 用jQuery制作Tab键的效果
- android 仿iphone的tab效果
- 简单的tab选项卡效果
- jquery实现的Tab效果插件
- Android应用的tab切换效果
- 新浪微博的Tab滑动效果
- 测试管理一点点建议
- 自动日期输入
- j2ee,ssh资源网站
- 好东东--找到的极品
- vb.net 2005 操作WORD中的表格
- 163.com的tab效果
- 防电脑辐射有妙招
- 使用Derby读取大数据(BLOB、CLOB)的问题
- struts2类型转换
- java.io.CharConversionException: isHexDigit 出现错误的原因及其解决办法
- Struts、Hibernate和Spring的轻型J2EE架构的研究
- Window.ShowModalDialog使用详解
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- select 1 from 浅析