<SCRIPT LANGUAGE="JavaScript">
function switchSmilies(smilies) {
if(smilies=="1")
{
document.getElementById('smilies1').style.display="";
document.getElementById('smilies2').style.display="none";
}
else
{
document.getElementById('smilies1').style.display="none";
document.getElementById('smilies2').style.display="";
}
}
</SCRIPT>
<div id="smilies1">
<img src="face01" onclick="addSmilie('[face:01]')" />
<img src="face02" onclick="addSmilie('[face:02]')" />
    <div class="smiliesPager">
    <span>1</span> 
    <a href="javascript:switchSmilies('2');">2</a>
    </div>
</div><div id="smilies2" style="display: none">
<img src="face16" onclick="addSmilie('[face:03]')" />
<img src="face17" onclick="addSmilie('[face:04]')" />
    <div class="smiliesPager">
    <a href="javascript:switchSmilies('1');">1</a> 
    <span>2</span>
    </div>
</div>

解决方案 »

  1.   

    兼容问题一定要用document.getElementById('smilies1').style.display这种形式而不是采用smilies1.style.display="none";形式没显示的图片不加载?你放在页面里,他肯定已经在加载了,你又不是动态读取数据库的
      

  2.   


        <div class="smiliesPager">
        <span>1</span> 
        <a href="javascript:switchSmilies('2');">2</a>
        </div>那有没有办法把上面这个显示页码的部分从 <div id="smilies1"> 中拿出来但是还可以标记出当前显示的是哪一页呢?