今儿写前台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>
原文地址:https://www.cnblogs.com/pipizhu/p/1576531.html