关于js设置标签样式来显示图片背景无效的解决方案

1. <script language="javascript"> 
2. var Browser = {  
3.  isIE:(navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0),  
4.  isFirefox:navigator.userAgent.indexOf('Firefox') >= 0,  
5.  isOpera:navigator.userAgent.indexOf('Opera') >= 0  
6. }  
7.   
8.  var jy={ 
9.     S_obj:null, 
10.     D_obj:null,   
11.     Num:0, 
12.     ay:Array("qs","mfs","zys"), 
13.    init:function() 
14.    { 
15.        this.S_obj=$("JY"); 
16.        this.D_obj=$("NS");  
17.        this.AddEventList();              
18.        this.DisplayControl(this.S_obj,this.D_obj,0); 
19.    }, 
20.    DisplayControl:function(_Sobj,_Dobj,num) 
21.    {    
22.          
23.         var oldnum=jy.Num; 
24.         var j=jy.Num+1; 
25.         var k=num+1; 
26.         _Dobj.childNodes[oldnum].style.display="none"; 
27.         _Sobj.childNodes[oldnum].className="z"+j;         
28.           
29.         _Dobj.className="dzylist "+ jy.ay[num];            
30.         _Dobj.childNodes[num].style.display="block"; 
31.         _Sobj.childNodes[num].className="z"+k+" curr"+k; 
32.         jy.Num=num;   
33.    }, 
34.    AddEventList:function() 
35.    {           
36.          
37.        for(i=0;i<this.S_obj.childNodes.length;i++) 
38.        { 
39.          var _objEvent=this.S_obj.childNodes;          
40.          if(Browser.isIE) 
41.          {             
42.             _objEvent.attachEvent("onclick",new Function("jy.DisplayControl(jy.S_obj,jy.D_obj,"+i+")"));             
43.          } 
44.          else 
45.          {             
46.              //_objEvent.attachEventListener("click",function(){var n=i;jy.DisplayControl(jy.S_obj,jy.D_obj,n)}); 
47.              _objEvent.attachEventListener("click",new Function("jy.DisplayControl(jy.S_obj,jy.D_obj,"+i+")")); 
48.          } 
49.        } 
50.    }  
51.  }  
52.  jy.init(); 
54. </script> 

问过一些资深的js专员都没有很好的解决方案。当时也就是想试试延迟执行代码来测试一下，看能不能达到想要的效果。

最后结果与预期的想法刚好。解决了我在写js代码控制样式这个一直存在的问题。


看个js代码：

    DisplayControl:function(_Sobj,_Dobj,num)
   {   
        //alert(num);  //设置标签样式加载图片，会导致没有图片显示。 解决方案延迟执行js代码
         setTimeout(function(){  
        var oldnum=jy.Num;
        var j=jy.Num+1;
        var k=num+1;
        _Dobj.childNodes[oldnum].style.display="none";
        _Sobj.childNodes[oldnum].className="z"+j;        
         
        _Dobj.className="dzylist "+ jy.ay[num];           
        _Dobj.childNodes[num].style.display="block";
        _Sobj.childNodes[num].className="z"+k+" curr

       },13);