zoukankan      html  css  js  c++  java
  • 今儿写前台tab效果时用的,(jquery)

    今儿写前台tab效果时用的,(jquery)
    <asp:Content ContentPlaceHolderID="head" ID="head1" runat="server">
        <script type="text/javascript" language="javascript">
             $(document).ready(function(){
                var $npros = $('.divpro');
                var $nprotitle = $('#nptil li');
                $nprotitle.mousemove(function(){              
                        $npros.hide();
                        $nprotitle.css({color:"#000000","80px",height:"25px",background:"#EEEEEE",border:"solid 0px #CCCCCC"});
                        var index = $nprotitle.index($(this));
                        $($nprotitle.get(index)).css({color:"#FFFFFF","78px",height:"23px",cursor:"pointer",background:"#FF6944",border:"solid 1px #CCCCCC","border-bottom":"solid 1px #FF6944"});
                        $($npros.get(index)).show();
                });
             })
             $(document).ready(function(){
                var $hpros = $('.divpro2');
                var $hprotitle = $('#hptil li');
                $hprotitle.mousemove(function(){              
                        $hpros.hide();
                        $hprotitle.css({color:"#000000","80px",height:"25px",background:"#EEEEEE",border:"solid 0px #CCCCCC"});
                        var index = $hprotitle.index($(this));
                        $($hprotitle.get(index)).css({color:"#FFFFFF","78px",height:"23px",cursor:"pointer",background:"#FF6944",border:"solid 1px #CCCCCC","border-bottom":"solid 1px #FF6944"});
                        $($hpros.get(index)).show();
                });
             })
        </script>
    </asp:Content>
  • 相关阅读:
    期末总结
    虚拟存储器学习记录
    实验报告
    并发编程学习记录
    进程&信号&管道实践学习记录
    异常控制流学习记录
    系统级IO实践学习记录
    系统级I/O学习记录
    Arduino小车学习与研究
    期中总结
  • 原文地址:https://www.cnblogs.com/pipizhu/p/1576531.html
Copyright © 2011-2022 走看看