Question

这个页面怎么布局用代码写出来？点击上面4个任意标题，都可以显示下面对应文本内容，应该怎么做？

Answer 1

<a class="l" href="javascript:void(0)" onclick="l()">行业新闻<a>
<a class="b" href="javascript:void(0)" onclick="l()">学校新闻<a>
<a class="c" href="javascript:void(0)" onclick="l()">社会新闻<a>
<ul id="m" style="display:none"><li>先就业。。。</li><li>微软宣布。。。</li><li>北大青鸟。。。</li></ul>
<script type="text/javascript">
function l(){
var d=document.getElementById("m")
d.style.display="block";
}

</script>

追问

那后面的三段文本应该写在什么位置

追答

也用ul写，css样式里面的display为none，点击标签的时候，你要显示哪一个，就把那个ul里面的display改为block，（这个在js里面要写上其他的全部写成display：none，不然点击一个再点击另一个的时候会一起显示出来）

追问

你前面给我发的这些代码都是写在body里面的吗

我按照你上面给我的代码一字不漏打上去还是不行，怎么办？

追答

行业新闻
学校新闻
社会新闻
先就业。。。微软宣布。。。北大青鸟。。。
先就。。。微软宣布。。。北大青鸟。。。

function l(){
var d=document.getElementById("m")
var di=document.getElementById("n")
di.style.display="none";
d.style.display="block";
}
function li(){
var d=document.getElementById("n")
var di=document.getElementById("m")
di.style.display="none";
d.style.display="block";
}

追问

那其他文本内容直接在你写的ul后面加吗

类名：l、b、c里面的属性应该要怎么设置啊

还有id里面的m要怎么设置呢？谢谢，麻烦你了

我使用DW软件把你给我发的代码全部打进去了，可是还是浏览不出来呀，大神，什么原因啊？

追答

你dw里面新建的是html页面吗，我用的是vs，类里面的设置就是一些css的属性，还有a标签的属性（a:link:{} 未访问的链接 ，a:visited:{} 已访问的链接,a:hover{} 鼠标在链接上,a:active {} 点击激活链接）ul里面的属性第一个你可以把display设置成block，其他的都设置成none，无法显示是有报错吗

追问

我创建的是html页面

浏览以后就直接是空白页面

就是把你给我的代码我一字不少全部输入到html页面了，然后浏览，然后就是一张空白页面！

追答

你建个txt文本，然后把代码放进去保存，再把txt后缀改成html试试能不能运行起来

追问

嗯！我一会试试，就直接把你发给我的代码拷贝进去吗

追答

对，用第二次给你的，那个比较全，如果可以的话，那说明代码没有问题，可能是dw和vs的写法不一样，你自己在研究研究

追问

可以额！那我现在怎么办呢？我这个网站需要用DW来做

谢谢!我已经搞定了

Answer 2

html tab标签
可以用这个关键字来搜。

追问

那能告诉我这个特效的代码应该怎么写吗？

Answer 3

去搜特效
TAB

追问

TAB?

TAB特效代码是什么