[转贴]CSS3滚动效果

[转自[url=http://site518.net/css3-scrolling-effects/]给力技术[/url] http://site518.net/css3-scrolling-effects/

纯粹使用 CSS3 所实现的滚动效果，其中所用到的 JavaScript 仅是用来实现绑定和移除 CSS 样式。目前共实现了10多种效果，现在只支持 WebKit 内核的浏览器和火狐浏览器。

　　首先要添加 Stroll.js 及相关的 CSS 样式文件

<link rel="stylesheet" href="stroll.min.css">
<script src="stroll.min.js"></script>

　　然后再对列表设置样式，以下提供几种绑定滚动效果的方式

// 通过选择器绑定滚动效果
stroll.bind( '#main ul' );
// 直接绑定对象
stroll.bind( document.getElementById( 'some-list' ) );
// 通过jQuery绑定
stroll.bind( $( '#main .some-list' ) );

[size=large][url=http://site518.net/demo/css3scroll/demo.htm]查看演示[/url][/size]