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>

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>

</div>

具体效果可以到http://www.sjjyz.com上去看，这两天会把这个改动拿上去。

CSS expression VS Script event相关推荐

CSS中expression怎么用？ CSS expression详解
什么是CSS expression? IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javascript脚本关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义 ...
css expressionr,CSS Expression讲解
CSS Expression也称为CSS表达式,它是动态设置CSS属性的强大方法,但也存在着一定的危险性. 关于CSS Expression你可以参考的另外两篇文章: CSS中expression怎么 ...
css expression
概述使用优点缺陷实际应用总结概述 css expression(css表达式)又称Dynamic properties(动态属性)是早期微软DHTML的产物,以其可以在Css中定义表达式( ...
CSS Expression用法总结
转自http://www.chencheng.org/demo/css-expression.php CSS Expression,动态 CSS 属性,IE 私有,自 5.0 开始引入(IE8 将不再 ...
CSS 引入和 Script 引入的方式
1.引入外部独立的 CSS 文件,这个标签 link 中属性是 href <link rel="stylesheet" type="text/css" h ...
html css integrity,HTML5 script 标签的 crossorigin 和integrity属性的作用
Bootstrap 4 依赖的基础库中出现了两个新的属性 1 2 3 HTML5 新的规定,是可以允许本地获取到跨域脚本的错误信息,但有两个条件:一是跨域脚本的服务器必须通过 Access-Contr ...
前端面试宝典 html css js ajax es6
面试宝典一.HTML和CSS 1 1. 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? 1 2. 每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗? 1 3. ...
面试题HTML +CSS
HTML+CSS部分 1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素? 行内元素:和有他元素都在一行上,高度.行高及外边距和内边距都不可改变,文字图片的宽度不可改变,只能容纳文本或者 ...
html面试题(一)--html css js
前端面试题汇总一.HTML和CSS 1.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? IE: trident内核 Firefox:gecko内核 Safari:webkit内核 Ope ...
【干货分享】前端面试知识点锦集01（HTML+CSS篇）—— 附答案
1. 浏览器页面有哪三层构成,分别是什么,作用是什么? 参考答案构成:结构层.表示层.行为层分别是:HTML.CSS.JavaScript 作用:HTML实现页面结构,CSS完成页面的表现与风格, ...

CSS expression VS Script event

CSS expression VS Script event相关推荐

最新文章

热门文章