简单的jquery滑动门代码

简单的 jquery 滑动门代码,收来以备不时之需。

html 代码

| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | `

  • 111111111111111111111h3>

    222222222222222222222222222222222222222p> li>

  • 111111111111111111111h3>

    222222222222222222222222222222222222222p> li>

  • 111111111111111111111h3>

    222222222222222222222222222222222222222p> li>

  • 111111111111111111111h3>

    222222222222222222222222222222222222222p> li>

  • 111111111111111111111h3>

    222222222222222222222222222222222222222p> li> ul>` | | ---------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

    js 代码

    | 1 2 3 4 5 6 7 8 9 | `$(function(){
    $(“#jq_hdm li”).each(function(){
    $(this).mouseover(
    function(){
    $(“#jq_hdm li.active”).removeClass(“active”);
    $(this).addClass(“active”);
    });
    });

    });` |
    | ———————————– | —————————————————————————————————————————————————————————————————————————————- |