我的问题是这样的,有如下例子:<div id="gundong">
<div class="sidebox">
<h3>内容标题</h3>
<table>
<tr>
<td>第一行文字</td>
</tr>
<tr>
<td>第二行文字</td>
</tr>
<tr>
<td>第三行文字</td>
</tr>
<tr>
<td>第四行文字</td>
</tr>
</table>
</div>
</div>现在我想要四行文字从下往上无缝滚动,但标题不动,问题是<div class="sidebox"></div>这个里面的东西是程序调用来的,而且是数据库读出来后就包装好了的,没法改(郁闷啊)。请问高手,怎么做啊,小弟JS用的不好。为这个问题急了快一周了在网上搜了很多代码都不能解决。(可恨的后台程序啊,为什么要这样)
<div class="sidebox">
<h3>内容标题</h3>
<table>
<tr>
<td>第一行文字</td>
</tr>
<tr>
<td>第二行文字</td>
</tr>
<tr>
<td>第三行文字</td>
</tr>
<tr>
<td>第四行文字</td>
</tr>
</table>
</div>
</div>现在我想要四行文字从下往上无缝滚动,但标题不动,问题是<div class="sidebox"></div>这个里面的东西是程序调用来的,而且是数据库读出来后就包装好了的,没法改(郁闷啊)。请问高手,怎么做啊,小弟JS用的不好。为这个问题急了快一周了在网上搜了很多代码都不能解决。(可恨的后台程序啊,为什么要这样)
在执行前加一段
吧<h3>删除
在div.gundong中 添加<h3>
也就是吧那个h3移出来
<div id="gundong">
<h3>内容标题</h3>
<div class="sidebox">
<h3>内容标题</h3><table>
<tr>
<td>第一行文字</td>
.....
<div class="sidebox">
<h3>内容标题</h3>
<table>
<tr>
<td>第一行文字</td>
</tr>
<tr>
<td>第二行文字</td>
</tr>
<tr>
<td>第三行文字</td>
</tr>
<tr>
<td>第四行文字</td>
</tr>
</table>
</div>
</div>
<script>
var gundong=document.getElementById('gundong'); //获取div.gundong这个DOM
var h3= gundong.removeChild(gundong.firstChild.firstChild); //删除H3 并拿到这个H3
gundong.insertBefore(h3,gundong.firstChild); //插入H3
</script>
var h3= gundong.removeChild(gundong.firstChild.firstChild); //删除H3 并拿到这个H3
改成
var h3= gundong.firstChild.removeChild(gundong.firstChild.firstChild); //删除H3 并拿到这个H3