jquery之仿京东菜单-白红宇

jquery之仿京东菜单

阅读量：6991 次

发布时间：2019-06-27

本文共 1758 字，大约阅读时间需要 5 分钟。

$(function () {    //上菜单    $("#ListTopUL li").hover(function () {        //$(this).addClass("ListTopULhover");        //$(this).siblings(this).removeClass("ListTopULhover");        var i = $(this).index();        document.title = i;        $(".ListTopRight1").eq(i).show();        $(".ListTopRight1").eq(i).siblings(".ListTopRight1").hide();                    });    //左菜单    $(".ListBodyLeftDiv").hover(function () {        var a = $(this).children("a");        a.addClass("ListBodyLeftDivAhover");        var i = $(this).index();        $(".listbodyRDiv1").eq(i).show();        $(".listbodyRDiv1").eq(i).siblings(".listbodyRDiv1").hide();                $("#listbodyRDiv").addClass("listbodyRDivborder");//增加一个边框样式    }, function () {        $(this).children("a").removeClass("ListBodyLeftDivAhover");    });    //中间内容    $(".listbodyRDiv1").hover(function () {        var i = $(this).index();        $(".ListBodyLeftDiv").eq(i).addClass("ListBodyLeftDivhover");        $(".ListBodyLeftDiv a").eq(i).addClass("ListBodyLeftDivAhover");        $(this).show();//非常重要.上级隐藏自己在显示一下!!        $("#listbodyRDiv").addClass("listbodyRDivborder");//增加一个边框样式    }, function () {        var i = $(this).index();        $(".ListBodyLeftDiv").eq(i).removeClass("ListBodyLeftDivhover");        $(".ListBodyLeftDiv a").eq(i).removeClass("ListBodyLeftDivAhover");        $(this).hide();        $("#listbodyRDiv").removeClass("listbodyRDivborder");//增加一个边框样式    });    //leftdiv整体    $("#ListBodyLeft").hover(function () {    }, function () {        $(".ListBodyLeftDiv").removeClass("ListBodyLeftDivhover");        $(".listbodyRDiv1").hide();        $("#listbodyRDiv").removeClass("listbodyRDivborder");//增加一个边框样式    });})

转载于:https://www.cnblogs.com/cxd1008/p/6372445.html

你可能感兴趣的文章

Spring下redis的配置

查看>>

vs2010在进行数据架构比较时报'text lines should not be null'错误

查看>>

jeecg入门操作—表单界面

查看>>

网页音乐制作器（网页钢琴）-- MusicMaker

查看>>

oracle优化：避免全表扫描（高水位线）

查看>>