滾動div-css用javascript

Question

我想了解滾動效果this web site了。

我是新來的網站開發，我想知道，如果它只是CSS或它有幫助從JavaScript/jQuery ... 如果是的，除了<div id="rotator" ...哪些JavaScript文件，我應該注意什麼？

我談論的滾動效果，當用戶選擇每個菜單項，啓動，O- NAS，OFERTA等等

Answer 1

它使用CSS動畫，改變了含div使用過渡的背景圖像位置。圖像本身具有角度線。

.col-4-set > li .note { 
-o-transition-property: background-position; 
-o-transition-duration: 0.5s; 
-ms-transition-property: background-position; 
-ms-transition-duration: 0.5s; 
-webkit-transition-property: background-position; 
-webkit-transition-duration: 0.5s; 
-moz-transition-property: background-position; 
-moz-transition-duration: 0.5s; 
transition-property: background-position; 
transition-duration: 0.5s; 
background: transparent url('images/box_hover.jpg') no-repeat -600px -600px; 
position: absolute; 
left: -1px; 
top: -1px; 
width: 184px; 
height: 222px; 
padding: 9px 18px; 
} 

一些進一步閱讀寬鬆背景轉換：

http://css-tricks.com/almanac/properties/t/transition/