今天需要做个首页打开后,在头部出现一个展开动画的效果。本来是很容易的,加上那个展开代码就OK了。可是发现原来的程序的头部文件包括body部分都放在了head.html里,然后包含进来了。这样必须要在head.html里放入一个用于展开的div,可是这样一来,所有的页面均有了展开效果,可是我只需要在首页有这样的效果。
解决办法有两个:
1.将头部那个div的display设为none,然后调用js将其设为block。
2.通过js动态创建一个div并且将这div放在最前面。这就得多加几句话了,如下:
<script language=”javascript” type=”text/javascript”>
var divObj = document.createElement(“div”);
divObj.innerHTML = “hi”;
var first = document.body.firstChild; //得到第一个元素
document.body.insertBefore(divObj,first); //在第原来的第一个元素之前插入
</script>
var divObj = document.createElement(“div”);
divObj.innerHTML = “hi”;
var first = document.body.firstChild; //得到第一个元素
document.body.insertBefore(divObj,first); //在第原来的第一个元素之前插入
</script>