Question

css实现鼠标经过标题显示内容的效果

类似新浪首页里面的，鼠标经过教育显示教育文章的列表，经过新闻显示新闻的文章列表~ 谁会做啊~ js的也行~ 但是需要告诉我怎么在一个页面用多次~

Answer 1

我给一段JS代码，只需这一段，页面里任何地方都可以显示TAB切换新闻列表效果哟！以后只要把TAB的id和下面列表新闻的DIV的ID对应上，就可以反复使用了！<script>
<!--
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
//->

<div id="lib_Tab1">
<div class="lib_Menubox lib_tabborder">
<ul>
<li id="one1" onclick="setTab('one',1,4)" class="hover">新闻1</li>
<li id="one2" onclick="setTab('one',2,4)" >新闻2</li>
<li id="one3" onclick="setTab('one',3,4)">新闻3</li>
<li id="one4" onclick="setTab('one',4,4)">新闻4</li>
</ul>
</div>
<!--一个页面中如果使用多个TAB，就把上面的one改成two,或任何一个不同名的id.
-->
</script>

Answer 2

这里有类似的鼠标经过提示效果
可以参考一下

Answer 3

刚给你找到了，不过不让发链接，自己百度搜索一下 网页超链接鼠标样式的设置 看看是不是你要的效果