首页 »标签 » javascript滚动条 » 列表
直接上源码啦:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title&g [阅读全文] [PDF]
这篇文章介绍了种通过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]
其实这个效果在很多网站WebSite中都能见到其主要表现为网页两侧浮动广告看起来感觉很难做但其实原理是很简单使用定时器没0.1秒检测层位置并将其置在指定位置(相对于窗口)写了个简单代码:
点击运行可以看到效果:
{
(__nonMSDOMBrowser)
{
window.pageXOff;
}
{
(document.documentElement && document.documentElement.scrollLeft)
[阅读全文] [PDF]
点击运行可以看到效果:
=gb2312">
3组文字间隙滚动
*{font-size:12px;}
#scrollBox2{width:150px; height:64px; line-height:22px; overflow:hidden; background-color:#eee;}
国家 汇率名称 今日汇率
美元USD ŀ.775%
港币HKD ŀ.75%
英镑GBP ŀ.50%
欧元EUR ŀ.25%
[阅读全文] [PDF]
1 共7条 分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中的会话跟踪技术