当前位置: 代码迷 >> JavaScript >> 想做一个类似于任务栏那种效果的DIV,多多指教,多谢
  详细解决方案

想做一个类似于任务栏那种效果的DIV,多多指教,多谢

热度:321   发布时间:2012-03-15 11:50:39.0
想做一个类似于任务栏那种效果的DIV,多多指教,谢谢

        下面的程序在ff中能运行,但在IE中就运行不了,有谁知道原因吗?在此求教了。
        我是想做一个好像电脑上那任务栏的那种效果,无论点击出多少个文件,都只显示在一行中,每个文件的长度根据任务栏的总长度自动缩短,但做到这里就没头绪了。没什么分了,只能给30了, <!--题外话:请问下这里的分除了回复别人问题得到分数,还有什么得分途径啊?我。。。新来的。。。--> 望高手赐教,谢谢!

<html>
        <head>
                <title> </title>
<style   type= "text/css ">
#div0{
background-color:red;
width:500px;
height:60px;
position:absolute;
overflow:hidden;
}
.div1{
background-color:green;
height:25px;
position:relative;
margin:1px;
float:left;
}
</style>
<script   type= "text/javascript ">
var   oHtml= " ";
var   i=0;
function   showDiv(){
i++;
oHtml=oHtml+ " <div   class= 'div1 '   style= 'width:48px ';> </div> ";
var   oP=document.getElementsByTagName( "p ");
oP[0].innerHTML=oHtml;
}
</script>
        </head>
<body>
<div   id= "div0 "   style= "width:500px; ">
<p> </p>
</div>
<br/>
<br/>
<br/>
<br/>
<br/>
<input   type= "button "   id= "btn1 "   value= "showDiv "   onclick= "showDiv() ">
</body>
</html>



------解决方案--------------------
把 <p> </p> 改成div再加个id值,div好像不能加在p里