2013-05-27 56 views
0

第一次發佈一個問題,但訪問了很多次的網站。在鏈接鼠標懸停上顯示一個隱藏div以顯示在現有幻燈片的頂部?

我試圖複製這個網站使用的效果:http://www.toyota.ca/cgi-bin/WebObjects/WWW.woa/wa/vp?vp=Home&language=english

滑塊我可以搞定,沒問題。但是他們用什麼腳本或jquery讓隱藏的div出現在汽車模型鏈接的鼠標懸停上並顯示在滑塊頂部?我也喜歡給予汽車名單的效果。

已搜索到的stackoverflow和找到這篇文章的鏈接:mouseover to display appropriated div for link 這個工作能達到預期的效果嗎?

我正在嘗試準備一個新項目,這是一個客戶端必須有請求。我不是編碼員,但是如果你明白地說話,我可以遵循指示。

感謝您的不懈協助。

回答

0

他們只有一個div爲每輛車。當您將鼠標移動到某個項目上時,一個div將變爲可見,而另一個則隱藏。 你可能想看看這個問題:jQuery Show One Div and Hide the Others

列表效果也很簡單css。您只需切換使字體和填充更大的類即可。爲了平滑過渡,您可以使用CSS transitionsjQuery.animate

+0

感謝您的快速響應。我的印象是,只有一個div與滑塊重疊,並且它是在鼠標懸停時發生更改的內容。另外,它需要隱藏所有鼠標? – user2426310

+0

@ user2426310您可以打開頁面源並檢查自己。有'id =「vehicle_slides」'dif',它包含所有其他。是否隱藏鼠標或不識別您的決定。它們似乎只在鼠標離開最大的div時才隱藏,我不覺得它有用,我根本不會隱藏。 – kirelagin

相關問題