JS+CSS问题
html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<meta name="author" content="//" />
<meta name="keywords" content="//" />
<meta name="description" content="//" />
<meta name="robots" content="all" />
<title>//</title>
<script type="text/javascript"></script>
<style type="text/css" media="all">
@import "style/main.css";
</style>
<script src="js/swfobject.js" type="text/javascript"></script>
<script src="js/shadow-position.js" type="text/javascript"></script>
</head>
<body>
<div id="container">
<div id="bg">
</div>
<div id="left">
<div id="left-top">
</div>
<div id="left-bottom">
</div>
</div>
<div id="middle">
<div id="head">
<div id="link">
<script type="text/javascript">
var so = new SWFObject("flash/link.swf", "link", "804", "93", "7", "#FFF");
so.addParam("quality", "high");
so.addParam("wmode", "transparent");
so.addParam("salign", "tl");
so.addVariable("variable1", "value1");
so.write("link");
</script>
</div>
</div>
<div id="main">
</div>
<div id="bottom">
</div>
</div>
<div id="right">
<div id="right-top">
</div>
<div id="right-bottom">
</div>
</div>
</div>
</body>
</html>
js:
// JavaScript Document
// For the left-bottom and right-bottom transparent shadows' position control
function sp(){
var mainHeight=document.getElementById("main").offsetHeight;
var shadowPosition=mainHeight+234+84-353;
document.getElementById("left-bottom").currentStyle.height=shadowPosition;
document.getElementById("right-bottom").style.height=shadowPosition;
setTimeout("sp()",10);
}
sp();
为何无法实现左右层的动态变化