欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用mouse事件實(shí)現(xiàn)簡單的鼠標(biāo)經(jīng)過特效

 更新時(shí)間：2015年01月30日 10:33:10   投稿：hebedich  
這篇文章主要介紹了使用mouse事件實(shí)現(xiàn)簡單的鼠標(biāo)經(jīng)過特效的方法,需要的朋友可以參考下

代碼超級簡單，這里就不多BB了，直接奉上

復(fù)制代碼 代碼如下:

<!doctype html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
    body,ul,li{margin:0; padding:0; list-style:none}
    ul li{width:100px; height:100px; border:1px solid #f00; float:left; margin:50px 10px; background-color:#ffffff;}
    ul li.current{border:1px solid #dfdfdf; background-color:#ff0000;}
</style>
<script type="text/javascript" src=">
</head>
<body>
    <h1>鼠標(biāo)經(jīng)過下面的塊</h1>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</body>
</html>
<script type="text/javascript">
    $("ul li").mouseover(function()
    {
         $(this).addClass("current");
    }).mouseout(function()   
    {
        $(this).removeClass("current");       
    });
</script>

非常簡單的代碼，小伙伴們參考下，自由擴(kuò)展，希望大家能夠喜歡。

相關(guān)文章

  • js阻止移動(dòng)端頁面滾動(dòng)的兩種方法

    js阻止移動(dòng)端頁面滾動(dòng)的兩種方法

    本文主要介紹了js阻止移動(dòng)端頁面滾動(dòng)的兩種方法。具有很好的參考價(jià)值，下面跟著小編一起來看下吧
    2017-01-01
  • JS判斷兩個(gè)對象內(nèi)容是否相等的方法示例

    JS判斷兩個(gè)對象內(nèi)容是否相等的方法示例

    這篇文章主要介紹了JS判斷兩個(gè)對象內(nèi)容是否相等的方法,結(jié)合具體實(shí)例形式分析了javascript針對字符串、數(shù)組及對象的相關(guān)判斷技巧,需要的朋友可以參考下
    2017-04-04
  • swiper4實(shí)現(xiàn)移動(dòng)端導(dǎo)航欄tab滑動(dòng)切換

    swiper4實(shí)現(xiàn)移動(dòng)端導(dǎo)航欄tab滑動(dòng)切換

    這篇文章主要為大家詳細(xì)介紹了swiper4實(shí)現(xiàn)移動(dòng)端導(dǎo)航欄tab滑動(dòng)切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2020-10-10
  • BootStrap表單控件之復(fù)選框checkbox和單選擇按鈕radio

    BootStrap表單控件之復(fù)選框checkbox和單選擇按鈕radio

    這篇文章主要介紹了BootStrap表單控件之復(fù)選框checkbox和單選擇按鈕radio的相關(guān)資料,需要的朋友可以參考下
    2017-05-05
  • JS常用排序方法實(shí)例代碼解析

    JS常用排序方法實(shí)例代碼解析

    這篇文章主要介紹了js常用排序方法實(shí)例代碼解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-03-03
  • JavaScript實(shí)現(xiàn)簡易輪播圖最全代碼解析(ES5)

    JavaScript實(shí)現(xiàn)簡易輪播圖最全代碼解析(ES5)

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡易輪播圖最全代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2021-09-09

    • 最新評論