當前位置:編程學習大全網 - 腳本源碼 - 向左滑動js焦點圖原理

向左滑動js焦點圖原理

圖片畫的有點兒簡陋,大致呢就是講:

1、紅框為壹個容器DIV,overflow:hidden;

2、容器裏邊有三個橫向排列的圖片,可以用UL>LI來做。由於容器的OVERFLOW所以2和3是看不見的。

3、下圖,調整容器裏邊元素(如UL)的左外邊距為負值,達到圖二的效果。

4、之後就是要把1給放到3的後邊去,為什麽呢?答:為了循環滾動。

5、但是,如果1放到3後邊,而UL的左外邊距還是負值會出現什麽情況呢?答:容器裏邊顯示的3。所以還在把1放到3後邊的同時,把UL的左外邊距調零。

大致就這個思路吧,做著試試唄!

  • 上一篇:蘋果怎麽強制降級已關閉通道的版本
  • 下一篇:張繼的人物生平
  • copyright 2024編程學習大全網