求下面代码能在火狐浏览器上运行

q510473863 2011-07-05 09:11:03
<!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>DIV+CSS仿网易的滑动门技术AJAX</title>
<style type="text/css">
<!--
#header {
background-color: #F8F4EF;
height: 200px;
width: 400px;
margin: 0px;
padding: 0px;
border: 1px solid #ECE1D5;
font-family: "宋体";
font-size: 12px;
}
#menu {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu li {
display: block;
width: 100px;
text-align: center;
float: left;
margin: 0px;
padding-top: 0.2em;
padding-right: 0px;
padding-bottom: 0.2em;
padding-left: 0px;
cursor: hand;
}
.sec1 { background-color: #FFFFCC;}
.sec2 { background-color: #00CCFF;}
.block { display: block;}
.unblock { display: none;}
li{ list-style-type:none;}
ul{ padding:0px; margin:0px;}
-->
</style>
</head>
<body>
<script language=javascript>
function secBoard(n)
{
for(i=0;i<menu.childNodes.length;i++)
menu.childNodes[i].className="sec1";
menu.childNodes[n].className="sec2";

for(i=0;i<main.childNodes.length;i++)
main.childNodes[i].style.display="none";
main.childNodes[n].style.display="block";

}
</script>
<div id="header">
<ul id="menu">
<li onMouseOver="secBoard(0)" class="sec2">最新新闻</li>
<li onMouseOver="secBoard(1)" class="sec1">最新文章</li>
<li onMouseOver="secBoard(2)" class="sec1">最新日志</li>
<li onMouseOver="secBoard(3)" class="sec1">论坛新帖</li>
</ul>
<!--内容显示区域-->
<ul id="main">
<li class="block">第一个内容,<a href="http://www.qpsh.com/">欢迎访问网页特效代码</a></li>
<li class="unblock">第二个内容,<a href="http://www.qpsh.com/">欢迎访问网页特效代码</a></li>
<li class="unblock">第三个内容,<a href="http://www.qpsh.com/">欢迎访问网页特效代码</a></li>
<li class="unblock">第四个内容,<a href="http://www.qpsh.com/">欢迎访问网页特效代码</a></li>
</ul>
<!--内容显示区域-->
</div>
</body>
</html>


...全文
107 13 打赏 收藏 转发到动态 举报
写回复
用AI写文章
13 条回复
切换为时间正序
请发表友善的回复…
发表回复
md5e 2011-07-05
  • 打赏
  • 举报
 回复
不好意思，还是写错了，这样应该没问题了
<script language=javascript>
var $ = function (objId) {
return document.all ? document.all[objId] : document.getElementById(objId);
}
function secBoard(n)
{
var manu=$('menu').getElementsByTagName("li");

for(i=0;i<menu.length;i++)
menu[i].className="sec1";

menu[n].className="sec2";

var main= $('main').getElementsByTagName("li");
for(i=0;i<main.length;i++)
main[i].style.display="none";

main[n].style.display="";

}
</script>
子夜__ 2011-07-05
  • 打赏
  • 举报
 回复
滑动门
md5e 2011-07-05
  • 打赏
  • 举报
 回复
<script language=javascript>
var $ = function (objId) {
return document.all ? document.all[objId] : document.getElementById(objId);
}
function secBoard(n)
{
var manu=$('menu').getElementsByTagName("li");

for(i=0;i<menu.childNodes.length;i++)
menu[i].className="sec1";

menu[n].className="sec2";

var main= $('main').getElementsByTagName("li");
for(i=0;i<main.childNodes.length;i++)
main[i].style.display="none";

main[n].style.display="";

}
</script>
md5e 2011-07-05
  • 打赏
  • 举报
 回复
下边的错了，要用这个
for(i=0;i<main.childNodes.length;i++)
main[i].style.display="none";

main[n].style.display="";
md5e 2011-07-05
  • 打赏
  • 举报
 回复 


<script language=javascript>

var $ = function (objId) {

   return document.all ? document.all[objId] : document.getElementById(objId);

}

function secBoard(n)

{

 var manu=$('menu').getElementsByTagName("li");

 

 for(i=0;i<menu.childNodes.length;i++)

 	menu[i].className="sec1";

	

 menu[n].className="sec2";

   

 var main= $('main').getElementsByTagName("li");

 for(i=0;i<main.childNodes.length;i++)

 	main.[i].style.display="none";

	

 main.[n].style.display="";

 

}

</script>
一切为了你 2011-07-05
  • 打赏
  • 举报
 回复
<script language="javascript" type="text/javascript">
function secBoard(n) {
var menu = document.getElementById("menu");
var main = document.getElementById("main");
for (i = 0; i < menu.childNodes.length; i++) {
menu.children[i].className = "sec1";
menu.children[n].className = "sec2";
}
for (i = 0; i < main.childNodes.length; i++) {
main.children[i].style.display = "none";
main.children[n].style.display = "block";
}
}
</script>
lovebibi168 2011-07-05
  • 打赏
  • 举报
 回复
学习 ..
criedshy 2011-07-05
  • 打赏
  • 举报
 回复
childNodes在火狐上不行的，要用children
孟子E章 2011-07-05
  • 打赏
  • 举报
 回复
兼容所有浏览的正确的代码
<script language=javascript>
function secBoard(n)
{

menu1 = document.getElementById("menu")
main1 = document.getElementById("main")
if(document.all)
{
x = menu1.childNodes
y = main1.childNodes
}
else
{
x = menu1.children
y = main1.children
}

for(i=0;i<x.length;i++)
x[i].className="sec1";
x[n].className="sec2";

for(i=0;i<y.length;i++)
y[i].style.display="none";
y[n].style.display="block";

}
</script>
孟子E章 2011-07-05
  • 打赏
  • 举报
 回复
火狐都是
document.getElementById("menu")，而不是直接写 menu
coxie007 2011-07-05
  • 打赏
  • 举报
 回复 
js or css?
使用Python实现博客上进行自动翻页
先上一张代码及代码运行后的输出结果的图！ 下面上代码： # coding=utf-8 import os import time from selenium import webdriver #打开火狐浏览器 需要V47版本以上的 driver = webdriver.Firefox()#打开火狐浏览器 url = http://codelife.ecit-it.com#这里打开我的博客网站 driver.get(url)#设置火狐浏览器打开的网址 time.sleep(2) #使用xpath进行多路径或多元素定位,用法看官网http://selenium-python.readthe
火狐浏览器如何设置 JavaScript 编程
打开开发者工具：在火狐浏览器中，你可以使用内置的开发者工具来编辑和调试 JavaScript 代码。你可以通过按下键盘上的 F12 键或者在菜单栏中选择 “工具” -> “Web 开发者” -> “开发者工具” 来打开开发者工具。通过以上步骤，你可以在火狐浏览器中设置 JavaScript 编程，并在控制台中编写和运行代码。输入和运行 JavaScript 代码：在控制台中，你可以输入你的 JavaScript 代码并按下回车键来运行它。在控制台中输入以上代码，并按下回车键，你将看到相应的输出结果。
Java大数据培训学校全套教程-JavaScript基础（20）
重要声明：如果感觉声音小，可以选择耳机或加音箱或电脑自带的声音，反复试一试。 Java大数据培训学校全套视频课程："java大数据培训学校全套教材"系列课程由750集视频构成，... 5）课程软件使用：记事本，火狐浏览器。
linux的火狐浏览器怎么用,火狐浏览器怎么用 火狐浏览器使用方法大全
您可能感兴趣的话题：火狐浏览器核心提示：本文就总结了firefox火狐浏览器的一些使用技巧，感兴趣的朋友快点来学习吧火狐浏览器怎么用 火狐浏览器使用方法大全 Mozilla Firefox是一个自由的，开放源码的浏览器，适用于Windows, Linux 和 MacOSX平台，在使用过程中，如果我们掌握了一些技巧则会大大降低我们的工作效率。本文就总结了firefox火狐浏览器的一些使用技巧，感兴趣...
使用Selenium启动火狐浏览器
启动火狐浏览器首先要下载火狐驱动geckodriver 其实火狐浏览器在版本47.0.1之前，企业版ESR 45.4.0esr之前是有内嵌的可以与selenium通讯的驱动的，当时不用下载geckodriver，selenium就可以直接启动火狐浏览器。 但是在这些之后的版本，火狐把内嵌的驱动去掉了，所以使用这些版本之后的火狐浏览器，就需要安装独立的火狐驱动：geckodriver。 为什么...
.NET社区

62,046

社区成员

669,048

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章