我正在尝试编写一个 javascript 函数，该函数将有效地下拉菜单并使用 css 填充属性将其放大。
这是原html(我要的部分在navbar.php):
<!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>Lux</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon2.ico" type="image/x-icon">
<link rel="icon" href="favicon2.ico" type="image/x-icon">
<script type="text/javascript" src="js/slideshow.js"></script>
<script type="text/javascript" src="js/pageFunctions.js"></script>
</head>
<body onload="setUpSlideShow(); openPage()">
<?php include 'navbar.php' ?>
<div class="content">
<div id="slideshow">
<div id="slides">
<div class="slide"><a href="under_construction.php"><img src="images/tshirt.jpg" class="mainImage" /></a></div>
<div class="slide"><a href="under_construction.php"><img src="images/MOON.jpg" class="mainImage" /></a></div>
<div class="slide"><a href="under_construction.php"><img src="images/MOON2.jpg" class="mainImage" /></a></div>
</div>
<div id="slides-controls">
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</div>
</div>
</div>
</body>
</html>
那么navbar.php如下:
<div id="headbar">
<div class="headholder">
<ul class="navbar">
<a href="/lux/"><li>Home</li></a>
<a href="clothing.php"><li>Clothing</li></a>
<a href="about.php"><li>About</li></a>
<a href="contact.php"><li>Contact</li></a>
</ul>
</div>
</div>
headbar 的 CSS 是:
#headbar {
width: 100%;
background-color: #999999;
padding: 35px 0 0 0;
text-align: center;
}
最后的 javascript 代码是:
function openPage() {
var i;
for(i=0;i<30;i++) {
document.getElementById('headbar').style.paddingTop+=1;
}
}
最佳答案
一个更好的选择是试试这个:
function openPage() {
var i, el = document.getElementById('headbar');
for(i=0;i<30;i++) {
el.style.paddingTop = el.style.paddingTop + i;
}
}
或者您可以使用 jQuery 的 .animate() 方法。
关于javascript - 尝试使用 javascript 更改单元格填充，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16905121/