跪求各位大神帮忙写一段鼠标移过去有下拉的js（如图）最好是简单点的不要用到 jquery 的谢谢啦！！

 我来答

1个回答

匿名用户
2014-04-19

展开全部

<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">

</style>
</head>

<body>
<a href="#">我的知道</a>
<ul>
<li><a href="#">我的知道</a></li>
<li><a href="#">我的提问</a></li>
<li><a href="#">为我推荐的问题</a></li>
</ul>
</body>
</html>

<script language="javascript">

var a = document.getElementsByTagName("a")[0];
var ul = document.getElementsByTagName("ul")[0];
var sheef = document.styleSheets[0];
var id = 0;
var speed = 10;

a.onmouseover = show;

ul.onmouseout = function()
{

}

function show()
{
a.onmouseover = null;

sheef.rules[1].style.display = "block";

id = window.setInterval( function() {

sheef.rules[1].style.height = $(sheef.rules[1].style.height) + speed + "px";

if ($(sheef.rules[1].style.height) >= 90 )
{
window.clearInterval(id);
}

}, 10 );
}

function $(str)
{
str = str.substr(0, str.length-2);
return parseInt(str);
}

</script>

本回答由提问者推荐

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

跪求 各位大神 帮忙写一段 鼠标移过去 有下拉的js（如图）最好是简单点的 不要用到 jquery 的 谢谢啦！！

其他类似问题

为你推荐：

跪求各位大神帮忙写一段鼠标移过去有下拉的js（如图）最好是简单点的不要用到 jquery 的谢谢啦！！