做网页.关于一个网页特效,鼠标移过去就变内容.

来源:百度知道 编辑:UC知道 时间:2024/05/05 21:33:31
如泡泡网. www.pcpop.com
一进去到下移一点点. 有个"今日头条"和"产品论坛"
就是这个效果怎么做啊?

用javascript配合div就可以了,下面代码就可以
-----

<div style="width:300px;height:300px;border:1px solid">

<div><a href="#" onmouseenter="qa('div1')">栏目一</a>|<a href="#" onmouseenter="qa('div2')"> 栏目二</a></div>

<div id="div1">栏目一<p>栏目一<p>栏目一<p>栏目一<p>栏目一<p>栏目一<p>栏目一<p>栏目一<p></div>
<div id="div2" style="display:none">变<p>变<p>变<p>变<p>变<p>变<p>变<p>变<p>变</div>

</div>

<script language="javascript">
function qa(obj)
{

if(obj=="div1")
{
document.getElementById('div1').style.display="";
document.getElementById("div2").style.display="none";
}
else
{
document