鼠标悬浮改变背景颜色
生活随笔
收集整理的這篇文章主要介紹了
鼠标悬浮改变背景颜色
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
將鼠標放在div上時div的背景顏色發生改變，把鼠標移走div之后，div的背景顏色回復原來的顏色。
效果圖演示
沒有將鼠標放在div上時（lanse）
將鼠標放在div上之后（變為紅色）
下面看代碼
由于代碼較短，要認真觀看了解呦。
<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title></title><script src="jquery.js"></script><style>.blue{height: 50px;width: 200px;background-color: blue;}.red{height: 50px;width: 200px;background-color: red;}</style> </head> <body> <div class="blue"></div> </body> <script>$(function(){$("div").hover(function(){$(this).addClass("red");},function(){$(this).removeClass("red");})}) </script> </html>利用上述代碼已經可以實現鼠標放上背景色的改變了
快去試試吧！！！
總結
以上是生活随笔為你收集整理的鼠标悬浮改变背景颜色的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： java socket 阻塞模式_Jav
- 下一篇： diag开关什么意思_双控开关接线图_一