Q

有單頁垂直剖面網站，同時有一些剖面（div）有水平剖面（div）滑塊

2012-10-06 40 views -1 likes

-1

Please see this website as an example 登陸頁面有四個滑塊，分別是各個獨立的div，但在相同的位置整個網頁有獨立的垂直部分。我知道如何做垂直位，標準的CSS和HTML。但是，如何在一個部分上的水平div之間滑動？有單頁垂直剖面網站，同時有一些剖面（div）有水平剖面（div）滑塊

2012-10-06 Muhammed Bhikha

+0

你不能使用jquery幻燈片組件嗎？像http://www.holytour.in中的jcarousal一樣？ –

+0

那麼你看到的動畫可以是水平滑動或垂直滑動。 –

A

回答

0

使用100％的寬度和溢出一個div：隱藏和位置：相對（姑且稱之爲「部分」）

內部的DIV把另一分度，寬度400％和立場：絕對的（姑且稱之爲「包裝「）

然後把4個滑動該div內具有25％和浮動的寬度：左

然後可以通過更改的左側值滾動滑動‘包裝’以將其移動內的」部分'

如果您設置了左側：0％你在第一張幻燈片上，-25％，你在第二，-50％，你在第三，-75％，你在第四張

你甚至可以動畫$（'＃wrapper '）.animate（{left：'-25％'}，'normal'）

2012-10-06 04:17:08 arieljuod

+0

這聽起來像一個體面的解決方案。 Ishall試試看 –

相關問題