0
A
回答
4
它其實很容易用CSS3做:
.moveMe
{
width: 150px;
height: 40px;
background: #f01;
position: absolute;
top: 0;
-webkit-transition: top 2s;
-moz-transition: top 2s;
-o-transition: top 2s;
}
.moveMe:hover
{
top: 10px;
-webkit-transition: top 0.3s;
-moz-transition: top 0.3s;
-o-transition: top 0.3s;
}
這一段2秒和0.3秒的時候告訴元素onHover選項來的top
兩種狀態之間的轉換鼠標離開。
看看這裏:http://jsfiddle.net/HGjQC/'
由於這是一個CSS3技術,代碼在這裏將只在WebKit的瀏覽器(Chrome瀏覽器,Safari瀏覽器,使用鉻引擎的任何其他瀏覽器[器RockMelt]),Opera和工作Mozilla瀏覽器。
對於IE,yoy'll可能需要使用JavaScript即日起至MS決定實施更多的CSS3。
0
也許你可以使用JavaScript,像這樣: http://jsfiddle.net/HGjQC/2/
1
0
您可以製作一個不可見的div,然後使用查詢.attr()標籤更改懸停時的圖像。我不確定我是否會收到您的問題,因爲我無法找到想要使您脫離的網站。
相關問題
- 1. 在鼠標懸停上移動圖像
- 2. 鼠標懸停時的滾動圖像
- 3. Gridview ImageButton改變鼠標懸停和鼠標移動的圖像
- 4. 在鼠標懸停時顯示大圖像與自動位置
- 5. 鼠標移動時懸停延遲
- 6. jQuery - 在鼠標懸停時動態滑動Div圖像
- 7. 如何在鼠標懸停在圖像中時顯示圖像?
- 8. 爲什麼當我將鼠標懸停在圖像上時,圖像會移動
- 9. 在鼠標懸停/鼠標移動時顯示X軸值
- 10. 圖像放大鏡 - 放大圖像懸停和平移圖像鼠標移動
- 11. 按鈕在鼠標懸停上移動
- 12. 在鼠標懸停時停止動畫
- 13. 如何在鼠標懸停時避免div「移動」?
- 14. 在鼠標懸停時啓動setInterval並在鼠標懸停時停止
- 15. 旋轉動畫懸停,但移動鼠標懸停 - >取消
- 16. 如何在鼠標滾動(懸停)改變圖像<img>
- 17. 在鼠標懸停時放大圖像
- 18. 3D懸停/移動圖像
- 19. 自動點擊鼠標懸停在
- 20. 如何讓JSplitPane在鼠標懸停時自動展開?
- 21. watir中的鼠標移動/鼠標懸停和JavaScript評估
- 22. 將鼠標懸停在鏈接上時,DIV在IE7中移動
- 23. 鼠標懸停jQuery移動等效
- 24. Jquery移動和鼠標懸停事件
- 25. jQuery懸停與用戶移動鼠標
- 26. Javascript logo移動鼠標懸停功能
- 27. slick.js:slick-dot鼠標懸停移動
- 28. 鼠標懸停時的jQuery圖像滑塊和鼠標懸停時的重置
- 29. jQuery的懸停的問題 - 鼠標懸停觸發移動
- 30. 用jquery懸停時移動圖像
他們用javascript =) – Cyclonecode
然後告訴我如何添加的東西在我的HTML –