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>
  • 相关阅读:
    表单
    HTML5新特性
    Bash中的特殊字符
    网站商务通链接快速标识v1.0.js
    js实现中文简繁切换效果
    input 表单点击消失离开出现
    canonical 标签介绍
    商务通对话窗口出现验证码
    织梦dedecms后台发布文章不自动更新首页与栏目列表页
    dedecms修改templets为别的名字
  • 原文地址:https://www.cnblogs.com/pipizhu/p/1576531.html
Copyright © 2011-2022 走看看