随鼠标移动tab

<script language="javascript">
        function tabChange(obj, id) {
            var arrayli = obj.parentNode.getElementsByTagName("li"); //获取li数组
            var arrayul = document.getElementById(id).getElementsByTagName("ul"); //获取ul数组
            for (i = 0; i < arrayul.length; i++) {
                if (obj == arrayli[i]) {
                    arrayli[i].className = "cli";
                    arrayul[i].className = "";
                }
                else {
                    arrayli[i].className = "";
                    arrayul[i].className = "hidden";
                }
            }
        }
    </script>
                    <div class="tabmenu_lz">
                        <ul>
                            <li onmouseover="tabChange(this,'tabcontent')" class="cli">头条</li>
                            <li onmouseover="tabChange(this,'tabcontent')">动态</li>
                            <li onmouseover="tabChange(this,'tabcontent')">讲座</li>
                            <li onmouseover="tabChange(this,'tabcontent')">资料</li>
                        </ul>
                    </div>
                    <div id="tabcontent" class="hp_lz">
                        <ul name="tabul">
                            <!--ul不能少, 里面的li可以少-->
                            @Html.Action("IndexTt")
                        </ul>
                        <ul class="hidden">
                            <!--ul不能少, 里面的li可以少-->
                            @Html.Action("IndexDt")
                        </ul>
                        <ul class="hidden">
                            <!--ul不能少, 里面的li可以少-->
                            @Html.Action("IndexJz")
                        </ul>
                        <ul class="hidden">
                            <!--ul不能少, 里面的li可以少-->
                            @Html.Action("IndexZl")
                        </ul>
                    </div>
上一篇:关于php中,记录日志中,将数组转为json信息记录日志时遇到的问题总结


下一篇:Lyx/LaTeX笔记04---插入伪代码