一个火辣辣的问题


<html><head><TITLE>CAO888</TITLE><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style>.navPoint { COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 9pt}</style><SCRIPT>function switchSysBar(){ if (switchPoint.innerText==3){  switchPoint.innerText=4  document.all("frmTitle").style.display="none" } else{  switchPoint.innerText=3  document.all("frmTitle").style.display="" }}</SCRIPT></head><body bgcolor=red scroll=no style="MARGIN: 0px"><table border=0 cellPadding=0 cellSpacing=0 height="100%" width="100%"><tr>   <td align=middle id=frmTitle noWrap vAlign=center name="fmTitle">
  
  <iframe frameborder=0 id=left name=index src="2.html" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 143px; Z-INDEX: 2"></iframe>
  <td bgcolor="#009900" style="WIDTH: 10pt"><table border=0 cellpadding=0 cellspacing=0 height="100%">
    <tr>
      <td onClick=switchSysBar() style="HEIGHT: 100%"><span class=navPoint id=switchPoint title=关闭/打开左栏>3</span> </td>
    </tr>
  </table>  </td><td style="WIDTH: 100%"><IFRAME frameBorder=0 id=frmright name=content scrolling=no src="2.html" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1"> </IFRAME></td>
</tr>
</table></body></html>   简单例子:<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>cao888---提示</title></head><body><script language=javascript>var cao_x,cao_y;function cao888() {this.display=display; }function display() {  document.write("<table align=center><tr><td><button style='width:100px;height:30px;font-size:12px;border:1px solid #A4B3C8;background-color:green;' type=button onclick=document.getElementById('cao1').style.display='block' onfocus=this.blur()>CAO留言</button></td></tr></table>");  document.write("<div  id='cao1' style='font-size:12px;position:absolute;display:none;text-align:center;overflow:visible'>");  document.write("<div style='position:absolute;top:expression((body.clientHeight-300)/2);left:expression((body.clientWidth-200)/2);width:200px;height:180px;background-color:#dbdbdb;border:1px solid #cccccc;'>");  document.write("<table width=200 height=20 bgcolor=green onmousedown='cao_x=event.x-parentNode.style.pixelLeft;cao_y=event.y-parentNode.style.pixelTop;setCapture();' onmouseup='releaseCapture();' onmousemove='caoMove(this.parentNode)' style='cursor:move;'>");  document.write("<tr align=center>");  document.write("<td align=left>提示:CAO888</td>");  document.write("</tr>");  document.write("</table>");  document.write("<span style= cursor:hand onclick=this.parentNode.parentNode.style.display='none';><img src='http://pic1.blueidea.com/bbs/topic5.gif'><br>CAO呀,错误了...<br>[确定]</span>");  document.write("  </div>");  document.write("</div>");}function caoMove(obj)  //实现层的拖移{  if(event.button==1)  {    var caoX=obj.clientLeft;    var caoY=obj.clientTop;    obj.style.pixelLeft=caoX+(event.x-cao_x);    obj.style.pixelTop=caoY+(event.y-cao_y);  }}</script><script language=javascript>var mycao=new cao888();mycao.display();</script></body></html>
我想把 那个数字3和4 变成一个图片这样好看 ，该怎样判断呢？

解决方案 »

  1.   

    用img,判断img.src
    不过看你的代码都只支持IE内核的浏览器
      

  2.   

    直接加入一个图片就可以了，在js中要首先生成一个img对象再进行赋值，楼主可以查一下，js动态添加
      

  3.   

    在IE下那就显示为个小三角图，而其innerText就是针对IE的，火狐的是contentText
      

  4.   

    改下面两处<span class=navPoint title=关闭/打开左栏><img id=switchPoint src="xxx.gif" />
    function switchSysBar(){
       if (switchPoint.src=="xxx.gif"){
          switchPoint.src=="yyy.gif"
          document.all("frmTitle").style.display="none"
       }
       else{
          switchPoint.src=="xxx.gif"
          document.all("frmTitle").style.display=""
       }
    }
      

  5.   

    if (switchPoint.src=="xxx.gif"){
    是得到的全路径 ，而不是名字