首页 »标签 » javascript滚动 » 列表
这篇文章介绍了种通过CSS3实现视差(Parallax)效果这个效果通过在个元素上叠加多个背景图片并使用-webkit-transition-属性来实现这个效果是仿照Chirs Coyier视差教程实现经过Chirs允许使用了其中星空背景
运行效果:
在这里观看:http://www.fofronline.com/experiments/parallax/#experiment
该效果可以在Safari 4 Beta和Google Chrome中正常预览实现该效果无需JavaScript
(但是在IE7及以下版本中无法观看)
实现思路方法:
这个 [阅读全文] [PDF]
extractNodes解决各浏览器节点计算问题FireFox把换行符也算成个节点很不合理啊
先用appendChild复制前面 4个节点到底部使得头尾是样内容以作后用记得做flash补间循环运动时候就是这样要头尾样
通过Interval隔时运行rolltxt
rolltxt首先计算是间隔停顿高度滚动多高就要停顿下这个高度我也不知道如何算出来跟CSS有关系我是试出来
用求余数思路方法可以判断是否已经滚过了所设间隔高度如果余数不等于0就继续加1滚动如果余数为0介绍说明已经滚动了所设间隔高度要在这里停顿了
设个变量time来计算时间加到50时候time清零滚动继续这个50我没算过 [阅读全文] [PDF]
转自:蓝色理想 作者:yaohaixiao
演示地址:index.html
代码下载:scrollpic.rar
大家先不要急着下载代码,你随时都可以下,我们来分析下代码(代码中我已经写了很详细的注释),要之其所以然,在解读别人的代码中学习提高自己,然后可以灵活运用,这个才是我将这个效果贴出来的主要目的,代码如下:
scrollver.js
scrollVertical.prototype.scrollArea=null; // 滚动的区域scrollVertical.prototype.scrollMsg=null; // 要滚动的内容scrollVertic [阅读全文] [PDF]
1 共4条 分1页
- +_@开青岛发票13434444051程生
- 一个简单的 2层系统分析全程
- 主题和皮肤系列(3)
- 主题和皮肤系列(1)
- 主题和皮肤系列(2)
- 鼠标移上去显示层:鼠标滑过显示隐藏层(转)
- jspajax自动刷新:jsp+ajax自动刷新例子(转)
- form表单验证:用js将form表单同时提交到两个区别页面的思路方法
- php上传代码:php统计代码总行数
- 最佳网页宽度及其实现
- 联想2155:PKU 2155
- micboost什么意思:Boost 概述
- atmega16ucosii:μC/OS-II实时性能测试和分析
- cssimportant:4 种实时操作系统实时性的分析对比 --转 time too important
- 基于OHCI的USB主机 —— 总体构架
- 虚拟主机usb:基于OHCI的USB主机 —— 背景介绍
- vc用法:VC使用方法汇总
- 张孝祥《Java就业培训教程》源代码 02 部分
- 抽象类和接口:详细解析Java中抽象类和接口的区别
- 跟踪技术:JSP中的会话跟踪技术