如何製作側邊欄滑塊？

我發現我認爲在網站上被稱爲側欄滑塊：http://www.bobbyberkhome.com/home（這是左邊的橙色5％折扣）如何製作側邊欄滑塊？

我想要重複此操作或使用稍微接近的內容。我試着查看源代碼，我發現它是javascript。我查找了幾個Word Press插件，但似乎每次搜索單詞「滑塊」時都會顯示實際的幻燈片。這是錯誤的術語嗎？

最後，有人能告訴我你如何去研究和確定一個網站使用什麼樣的插件？

我認爲「觀看源」是最好的選擇，但我仍然有點迷路。

2012-10-13 LITguy

我把它稱爲幻燈片選項卡 - 這裏是一個鏈接到一個jQuery插件的博客文章，執行這樣的功能;

http://wpaoli.building58.com/2009/09/jquery-tab-slide-out-plugin/

這幾年的歷史，但它仍然被用於此目的。我建議不要這樣做，說實話，特別是如果你打算把聯繫表格放進去。去年，我爲一家領先代理機構做了大量工作，我們建立了大量的Wordpress網站，主要目標是通過聯繫表單進行查詢。在每個頁面上都有這種形式非常重要，因此使用了這些幻燈片。

我們最終淘汰了幻燈片 - 轉換率絕對沒有希望，沒有人填充幻燈片中包含的表格，無論我們在設計方面採取什麼措施。

問題的第二部分 - 取決於您是指Wordpress插件還是jQuery插件。

您無法瀏覽網站中正在使用的Wordpress插件，您所能做的只是從它們生成的標記中識別出它們，並從中獲得經驗。你的例子不太可能是WP插件，只是一個包含的JS文件和模板中的相關標記。那些你可以看到的，Javascript工作在客戶端，所以除非它被全部縮小以使事情變得更加困難，否則你可以通過Chrome或Firefox（甚至IE，argh !!）中的開發者控制檯查看包含的JavaScript。

大多數時候會有在對各種jQuery插件包含的腳本開始解釋他們做了什麼意見和誰寫他們

來源

2012-10-13 20:47:40 McNab

謝謝！幻燈片標籤將用於優惠券，我會將您的想法傳遞給您，因爲轉換並不好。我目前在實際佈局上有一些DIV按鈕，當點擊時顯示優惠券。我敢打賭，這些幻燈片標籤看起來可能是一些讓人們失望的廣告？此外，感謝您提供有關如何識別這些選項的詳細說明。它會幫助我做我自己的研究！你一直非常有幫助！ – LITguy

我的榮幸，很高興它有所幫助。也許優惠券可能會得到更好的迴應，當然值得一試。當然，優惠券很容易獲得轉換指標！ :) – McNab

@http：//www.bobbyberkhome.com/home

如果你談論改變內容的矩形，你可以叫它滑塊。

如果您指的是左側的分區，您可以單擊並滑出。它可能是用jQuery編寫的。 jquery在庫中提供了一個動畫效果，使得「幻燈片」效果。

糾正我，如果我誤解了任何東西。

我不認爲有任何網站發現插件不同的網站使用。我使用視圖源，但對於動態內容來說並不總是這麼簡單。

來源

2012-10-13 18:44:02 Ringziii

如何製作側邊欄滑塊？

回答

相關問題