CSS expression VS Script event

国庆来了，手机加油站（http://www.sjjyz.com）的首页也想带给访问客人一点喜悦的感觉，于是美工做了两个flash分别放在网页的两边空白的地方，同时想让它们随页面滚动而滚动，有浮动的感觉。
在实现滚动的效果时，我开始按习惯用了js的事件body onscroll来做。但做好后发现在滚动时两个flash有点卡卡的感觉，像抽筋一样，给人感觉很不好，我就尝试着用css 的expression来实现效果，发现结果要好得多，抽筋的感觉一点也没有了。

代码如下：

        <style> 
            #flashRight  {} { POSITION: absolute; TOP: expression(lockTop());    LEFT:expression(lockLeft(false)); }  
            #flashLeft  {} { POSITION: absolute; TOP: expression(lockTop());    LEFT:expression(lockLeft(true)); }  
        </style> 

 

         < script language = " javascript " >  
         function  lockTop() 
         { 
            var _body=document.body; 
            return _body.scrollTop; 
        }
         function  lockLeft(left)
         {
            if(left)
            {
                return    (screen.availWidth - 777)/2 - 134;
            }
            else
            {
                return    (screen.availWidth - 777)/2 + 770;        
            }
        }
         </ script >  

 可以看到代码也变得很简单

 

         < div  id ="flashRight" >
            
          </ div >
          < div  id ="flashLeft" >
            
         </ div >