Question

js动态构建的表格，表格中显示图片，但是图片一直显示不出来。

var div_table="";
div_table +="<table width='100%' border='0' cellspacing='0' cellpadding='0' style='margin-bottom:5px'>"
div_table +=" <tr>"
div_table +=" <td width='45'>"
div_table +=" <span><img src=image/icon/num2.gif' width='16' height='16'/></span> "
div_table +=" </td>"
div_table +=" </tr>"
div_table +="</table>"
document.getElementById("test").innerHTML=div_table;

上面的代码在script中 其中test为一个div的名字，运行起来时层中的图片显示不出来，就一个框子。

Answer 1

<div style="height:200px; width:1002px;">
<div class='l' style="float:left; height:200px; width:50px;"><a href="#">鼠标指上后向左移动,离开后停止</a></div>
<div class='nn' style="float:left; height:200px; width:902px; overflow:hidden;">
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="s1">
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/zy_19.jpg" width="176" height="102" /></td>
<td><img src="images/zy_19.jpg" width="176" height="102" /></td>
<td><img src="images/zy_19.jpg" width="176" height="102" /></td>
<td><img src="images/zy_19.jpg" width="176" height="102" /></td>
<td><img src="images/zy_19.jpg" width="176" height="102" /></td>
<td><img src="images/zy_19.jpg" width="176" height="102" /></td>
</tr>
</table>
</td>
<td class="s2"></td>
</tr>
</table>
</div>
<div class='r' style="float:left; height:200px; width:50px;"><a href="#">鼠标指上后向右移动,离开后停止</a></div>
</div>

<script>
function roll(obj,s1,s2,l,r){
var play;
s2.html(s1.html());
function gd(f){
if(f=='r'){
if(obj.scrollLeft()>0){
obj.scrollLeft(obj.scrollLeft()-1);
}else{
obj.scrollLeft(s1.width());
}
}else{
if(obj.scrollLeft()<=s1.width()){
obj.scrollLeft(obj.scrollLeft()+1);
}else{
obj.scrollLeft(0);
}
}
}
l.hover(function(),function());
r.hover(function(),20)},function());
}

$roll($('.nn'),$('.s1'),$('.s2'),$('.l'),$('.r'));
</script>

头部调用jquery 去下载

修改完毕 试试吧
请参考