想做一个类似于任务栏那种效果的DIV，多多指教，多谢
日期：2014-05-16 浏览次数：20437 次
想做一个类似于任务栏那种效果的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里
下面的程序在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里
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
