为啥照着敲的代码没有显示效果,我用的是dreamweaver软件进行开发的
<script type="text/javascript" language="javascript">
<!--
window.onload = function(){
var aA =document.getElementsByTagName("a"); //取的是所有a元素的集合
/*for循环是为了遍历a标签,并添加相应的onmouseover事件,其中aA.length表示a标签的个数*/
for(var i = 0; i < aA.length; i++)
{
var aA[i].onmouseover = function(){
clearInterval(this.time);//以免动画叠加
var tThis = this;
tThis.time = setInterval(function(){
tThis.style.width = tThis.offsetWidth + 8 + "px";/*之前的宽度家变化的速度*/
if(offsetWidth >= 160)
{
clearInterval(tThis.time);
}
},30)/*设置定时器,匿名函数和时间参数,每三十毫秒运行一下就好了*/
}
var aA[i].onmouseout = function(){
clearInterval(this.time);
var tThis = this;
tThis.time = setInterval(function(){
tThis.style.width = tThis.offsetWidth - 8 + "px";/*之前的宽度家变化的速度*/
if(offsetWidth <= 120)
{
tThis.style.width = "120px";
clearInterval(tThis.time);//清除动画效果
}
},30)/*设置定时器,匿名函数和时间参数,每三十毫秒运行一下就好了*/
}
}
}
-->
</script>