咨询热线:020-85648757 客服:020-85648755 85646535
【南方网景】是提供网站建设、网页设计、推广优化和软件开发的互联网综合服务商
登录
注册
网站首页
网站建设
网络营销
产品服务
软件开发
成功案例
行业资讯
网景家园
关于我们
欢迎你访问南方网景,我们为你提供最优质的互联网服务!
建站导读
解决方案
网站建设报价
服务介绍
经验分享
案例分析
产品说明
资料下载
产品导读
域名服务
虚拟主机
邮局服务
软件产品
软件介绍
相关下载
服务支持
网站类型
网站行业
企业性质
综合水准
语言版本
合作方式
新闻中心
网站建设
网页设计
平面动画
网站开发
数据库开发
安全维护
网站安全
软件开发
项目预览
常用软件
电子书刊
模板素材
资源中心
网景论坛
公司简介
联系我们
网景信息
人才招聘
文章中心
+
新闻中心
行业新闻
IT风云
软件资讯
开发技术
信息时代
电子商务
移动互联网
+
网站建设
搜索优化
网站入门
运营策划
网站盈利
+
网页设计
HTML
CSS/Xhtml
Javascript
Wap
Dreamweaver
设计教程
+
平面动画
photoshop
firework
flash
Illustrator
CorelDRAW
+
网站开发
ASP技术
JSP技术
PHP技术
ASP.NET技术
+
数据库开发
MSSQL
Access
Oracle
Mysql
+
安全维护
freebsd
linux
Windows
+
网站安全
IIS安全
Apache安全
Nginx安全
数据库安全
综合安全
云安全
+
软件开发
C/C++/VC/C#
Java开发
资源共享
网景画册
网站报价
悬赏解答
论坛帮助
电子书刊
项目测试
首页
>
行业资讯
>
HTML
>详细内容
滑动菜单IE火狐全兼容
添加时间:2010-5-22
相关阅读:
HTML
<!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>滑动菜单IE火狐全兼容</title> <script > var nowObj var nowNum function secBoard(obj,num) { nowObj.className="sec1"; document.getElementById("ty"+(nowNum+1)).style.display="none"; obj.className="sec2"; document.getElementById("ty"+(num+1)).style.display="block"; nowObj=obj; nowNum=num; } </script> <style type="text/css"> <!-- body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px; background-color:#000000;} .dd{ width:600px; height:30px; margin:auto; text-align:left;} .Red{ background-color:#FF0000; width:600px; height:300px;margin:auto; } .Yellow{ background-color:#FFFF00; width:600px; height:300px;margin:auto; } .Green{ background-color:#009900; width:600px; height:300px;margin:auto; } .bule{ background-color:#0099FF; width:600px; height:300px;margin:auto; } .sec2{ background-color:#FFFFFF; width:80px; height:30px; text-align:center;font-size:14px; color:#000000; line-height:30px; float:left; display:block;} .sec1{width:80px; height:30px; font-size:14px; color:#FFFFFF; text-align:center;line-height:30px;float:left;display:block;} --> </style> </head> <body> <div class="dd"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td class="sec2" id="sec1" onclick="secBoard(this,0)">红色</td> <td class="sec1" onclick="secBoard(this,1)">黄色</td> <td class="sec1" onclick="secBoard(this,2)">绿色</td> <td class="sec1" onclick="secBoard(this,3)">蓝色</td> <script> nowNum=0; nowObj=document.getElementById("sec1"); </script> </tr> </table> </div> <div class="Red" style="DISPLAY: block;" id="ty1"></div> <div class="Yellow" style="DISPLAY: none" id="ty2"></div> <div class="Green" style="DISPLAY: none" id="ty3"></div> <div class="bule" style="DISPLAY: none" id="ty4"></div> </body> </html>
上一篇:ie火狐都兼容的上下浮动
下一篇:构建网站友好性基础 语义化网站的html标签
相关滑动菜单IE火狐全兼容
约67%网络视频采用H.264编码技术 支持HTML5 [2010-5-16]
为什么要进行网站备案 该怎么操作 [2010-5-16]
如何将网页变成灰色调 [2010-5-16]
PHP取得用户浏览器和系统代码实例 [2010-5-16]
BT流量已恢复,BT网站再次升温 [2010-5-9]
电子商务网站建设需求分解结构文档 [2010-5-5]
快速导航:
南方网景
IT新闻
资源中心
网页设计
网站建设
软件开发
网站案例
网站制作
开发工具
网站报价
推广优化
域名注册
虚拟主机
付款方式
联系我们
关于我们
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册