如何在按鈕單擊後向左側掃一個div

我很難將整個div移動到左側，但似乎沒有工作。主要是讓按鈕實際上使用JavaScript是一件非常痛苦的事情，因爲我試圖通過PHP或JS工作的代碼學習CSS。如何在按鈕單擊後向左側掃一個div

left: 100%;

我試着用一些示例代碼從另一個計算器問題，按鈕點擊推DIV左100％，但似乎並不奏效：/

然後我試着用一個id ：積極但它不適合我。

任何人都可以幫我獲得一些JS來激活CSS，並添加代碼來添加到按鈕來激活JavaScript？

歡迎任何建議，也要提前致謝。下面是代碼，如果有人需要它：

按鈕：

<button class="btn btn-embossed btn-primary">Access Website</button>

股利類：

<div class="wrapper">..</div>

（..是代表等，因爲它的按鈕之前基本上歡迎文本）

來源

2014-03-30 user1643904

有很多jQuery插件可以做你想做的，而且大多數都附帶有關於如何使用它們的大量文檔。

我還是有點不清楚你想要什麼。看看this plugin的演示。它與你所尋找的相似嗎？

來源

2014-03-30 22:38:41 GreymondTheLong

他仍然處於學習階段，所以對於不熟悉JavaScript的人來說，jQuery並不是很好的建議。他顯然不是在尋找插件，他在學習代碼。順便說一句，歡迎來到SO，嘗試贏得一些聲譽，並有能力寫問題的意見。避免在他們沒有回答問題時發佈答案。 – Wh1T3h4Ck5

好的學習jQuery或任何知道如何不在我的領域，我絕對是一個視覺學習者，我很好地觀察代碼（如果它的表現很好）。這與我正在尋找的內容非常接近，但是整個頁面會滑到左側，我不知道，我會試試看是否可以使用它。 – user1643904

，如果你想移動DOM元素應該有一個絕對定位：

.wrapper { position: absolute; }

<div class='wrapper' style='position:absolute;'></div>

，那麼你可以用JavaScript元素移動：

// get the first element with class 'wrapper' 
var element = document.getElementsByClassName('wrapper')[0]; 

// set the left position 
element.style.left = '2px';

來源

2014-03-30 22:40:09 Bilal

如何在按鈕單擊後向左側掃一個div

回答

相關問題