惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
G
Google Developers Blog
小众软件
小众软件
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
博客园 - 【当耐特】
爱范儿
爱范儿
博客园 - 聂微东
美团技术团队
大猫的无限游戏
大猫的无限游戏
The Cloudflare Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
有赞技术团队
有赞技术团队
云风的 BLOG
云风的 BLOG
罗磊的独立博客
V
Visual Studio Blog
WordPress大学
WordPress大学
Stack Overflow Blog
Stack Overflow Blog
雷峰网
雷峰网
人人都是产品经理
人人都是产品经理
Blog — PlanetScale
Blog — PlanetScale
V
V2EX
The GitHub Blog
The GitHub Blog
Apple Machine Learning Research
Apple Machine Learning Research
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报

博客园 - 天雪

交换机的重要技术参数 JavaScript:prototype属性使用说明 编译器错误信息: CS0016 JavaScript应用:Iframe自适应其加载的内容高度 Web开发实用浏览器(工具)插件 什么是VML 经典足球 flash+xml结合应用实例下载 一个10岁小孩 网页屏蔽(左右键,代码等)的非JS方法 Asp.net Xml开发网络硬盘 Asp.net地址转义(分析)加强版--Dottext的地址分析模块的不足之处及相应的解决方案 图解DOM中关于对象范围的属性。 MapBar中坐标的加密和解密(JS实现) Google Earth经典坐标 通过DOM操作数据(下) 通过DOM操作数据(上) DOM 精简知识教程 鼠标拖动层的JS方法
CSS expression VS Script event
天雪 · 2006-06-24 · via 博客园 - 天雪

国庆来了,手机加油站(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>