zoukankan      html  css  js  c++  java
  • Js更简单的切换

    cshtml页面:

    <div class="htside_rt2">
    <div class="hmNewsBar">
    <div class="nxMenuGroup">
    <ul class="nxMenuZu">
    <li class="current"><a href="/news/Index" class="mu_rd" id="category_0">热 点</a>
    </li>
    <li><a href="/news/index?categoryIds=37" class="mu_xw" id="category_37">新闻</a> </li>
    <li><a href="/news/index?categoryIds=39" class="mu_hd" id="category_39">活动</a></li>
    <li><a href="/news/index?categoryIds=38" class="mu_gg" id="category_38">公告</a> </li>
    <div class="clear">
    </div>
    </ul>
    <a href="http://DXZ.niu99.com/News" id="new_more" class="more" style="float: right;
    margin-top: -25px; margin-right: 5px;">更多>></a>
    </div>
    <div class="nxNrshowGroup">
    <div class="nxListGroup">
    @{Html.RenderAction<PartController>(i => i.FontNews(7, 37, 38, 39));}
    </div>
    </div>
    <div class="nxNrshowGroup" style="display: none">
    <div class="nxListGroup">
    @{Html.RenderAction<PartController>(i => i.FontNews(7, 37));}
    </div>
    </div>
    <div class="nxNrshowGroup" style="display: none">
    <div class="nxListGroup">
    @{Html.RenderAction<PartController>(i => i.FontNews(7, 39));}
    </div>
    </div>
    <div class="nxNrshowGroup" style="display: none">
    <div class="nxListGroup">
    @{Html.RenderAction<PartController>(i => i.FontNews(7, 38));}
    </div>
    </div>
    </div>
    </div>
    <script type="text/javascript">
    $(function () {
    tabLi.init();
    })
    </script>

    Js页面:

    // 热点、新闻和游戏攻略等切换
    var tabLi = {

    init: function () {

    $(".nxMenuZu li").live("mouseover", function () {

    if ($(this).attr("class") === 'current') return;

    $(".nxMenuZu li.current").removeClass();
    $(this).removeClass().addClass("current");

    var i = $(this).index();

    $(".nxNrshowGroup:visible").hide();
    $(".nxNrshowGroup").eq(i).show();
    $("#new_more").attr("href",$(this).children("a").attr("href"));
    });
    },
    gameWarInit: function () {
    $(".yxglMenuZu li").live("mouseover", function () {
    if ($(this).find('a').attr("class") === 'on') return;

    $(".yxglMenuZu li a.on").removeClass().addClass("off");
    $(this).find('a').removeClass().addClass("on");

    var i = $(this).index();

    $(".gamegl_nrzu:visible").hide();
    $(".gamegl_nrzu").eq(i).show();

    });
    }

    }

  • 相关阅读:
    Python中Linux开发的常识
    Python GUI编程(Tkinter)
    linux文本编辑器教学
    WordCloud安装
    怎么安装wordcloud
    java内功 ---- jvm虚拟机原理总结,侧重于GC
    spring源码分析(二)Aop
    spring源码分析(一)IoC、DI
    java内部类技术提炼
    java自定义注解实现前后台参数校验
  • 原文地址:https://www.cnblogs.com/douqiumiao/p/2813295.html
Copyright © 2011-2022 走看看