多种类型的导航条制作【css3,jquery】

最新推荐文章于 2023-02-11 16:40:11 发布
最新推荐文章于 2023-02-11 16:40:11 发布
阅读量2.8k 收藏 24
点赞数 5
分类专栏： CSS & CSS3 jQuery 文章标签： css jquery jQuery Easing 导航 css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010297791/article/details/52557046
版权

       导航条的使用很广，每个网站都会做出具有自己特色的导航条。最近特地去了解了各种类型的导航条，比如具有高亮显示的导航条，中英文互相切换的导航条，具有弹性动画的导航条，甚至是具有摩擦运动动画的导航条（文字下面有横线）等。每种导航条都有自己的特色，比如高亮显示的导航条看起来比较简单，但是视觉效果还不错，具有动画效果的导航条在视觉上也是有很好的效果。

      接下来将会一一介绍4种应用比较广的导航条，即：高亮显示的导航条，中英文互相切换的导航条，具有弹性动画的导航条，具有摩擦运动动画的导航条。

1、高亮显示的导航条

       这种导航条：当你点击某一个导航时，就让他高亮显示，其他的默认原来的样式，也就是说在不改变菜单CSS代码的情况下，用Js控制菜单的背景，假如该菜单项被点击后，将赋予它一个与众不同的背景颜色或背景图像，这样可以清淅的指引用户下在浏览的网站栏目，简单方便而且效果好。

效果图如下：


        html:（这里省略了其他html文件的代码，只贴出一个index.html的代码）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link href="../css/demo1.css" rel="stylesheet" type="text/css">
    <script src="../js/jquery-3.1.0.min.js" language="javascript" charset="utf-8"></script>
    <script src="../js/demo1.js" language="javascript" charset="utf-8"></script>
</head>
<body>
    <div class="nav">
        <ul class="nav-list">
            <li><a href="index.html">首页</a></li>
            <li><a href="bbs.html">论坛</a></li>
            <li><a href="blog.html">博客</a></li>
            <li><a href="mall.html">商城</a></li>
            <li><a href="download.html">下载</a></li>
        </ul>
    </div>
    <div class="content">首页</div>
</body>
</html>
css：
 
*{
    margin:0px;
    padding:0px;
    font-family: "Microsoft Yahei", Helvetica, sans-serif, Lato;
}
.nav{
    background-color: #222;
    height: 40px;
    width:100%;
    margin-top:50px;
}
.nav-list{
    width: 1000px;
    margin: 0 auto;
}
.nav-list li{
    list-style: none;
    float: left;
}
.nav-list li a{
    color: #aaa;
    padding:0 40px;
    text-decoration: none;
    line-height: 40px;
    display: block;
    border: none;
}
.content{
    margin:20px auto;
    text-align: center;
}
.nav-list li a:hover{
    color: #fff;
    background: #504d4d;
}
<span style="color:#ff0000;">.nav-list li a.on{
    color: #fff;
    background: #504d4d;
}</span>
jquery: 

$(function(){
    var index = (window.location.href.split("/").length)-1;
    var href = window.location.href.split("/")[index].substr(0,4);
    if (href!=null){
        $(".nav-list li a[href^='"+href+"']").addClass("on");
    }else{
        $(".nav-list li a[href='index.html']").addClass("on");
    }
});
       其中主要的知识点在于如何检测当前网页的网址和a标签中的href对应，然后相应地改变样式，在这里用了window.location.href的方法去获取网页当前的网站，用split()切割，最后一部分的内容就是我们想要的。在正常情况下，并不需要完全匹配整个网址，所以在这里用了substr()的方法匹配前几位字母。我在css文件中添加了on类，通过给a标签增加class=“on”,然后通过js中的addClass()方法就完成了功能。
2、中英文切换的导航条

        先来看一下效果图：


       我采用了两种方式实现，一种用css3,另一种是用jquery实现。

       首先说一下用css3如何实现：

html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="../css/demo2.css">
</head>
<body>
    <div class="nav">
        <ul class="nav-list">
            <li>
                <a href="index.html">
                    <b>index</b>
                    <i>首页</i>
                </a>
            </li>
            <li>
                <a href="index.html">
                    <b>bbs</b>
                    <i>论坛</i>
                </a>
            </li>
            <li>
                <a href="index.html">
                    <b>blog</b>
                    <i>博客</i>
                </a>
            </li>
            <li>
                <a href="index.html">
                    <b>mall</b>
                    <i>商城</i>
                </a>
            </li>
            <li>
                <a href="index.html">
                    <b>download</b>
                    <i>下载</i>
                </a>
            </li>
        </ul>
    </div>
</body>
</html>
css: 

*{
    margin:0px;
    padding:0px;
    font-family: "Microsoft Yahei", Helvetica, sans-serif, Lato;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.nav{
    width:100%;
    height: 40px;
    background-color: #222;
    margin-top:100px;
    overflow: hidden;
}
.nav-list{
    width:1000px;
    margin:0 auto;
    height: 40px;
}
.nav-list li {
    float: left;
}
.nav-list li a{
    display: block;
    transition: 0.2s;
}
.nav-list li b,.nav-list li i{
    color:#aaa;
    line-height: 40px;
    display: block;
    padding:0 30px;
    text-align: center;
}
.nav-list li b{
    font-weight:normal;
}
.nav-list li i{
    font-style: normal;
    color:#fff;
    background-color: #333;
}
.nav-list li a:hover{
    margin-top:-40px;
}
         红色部分就是这个过程的实现，利用位置的变化，当鼠标移上去的时候，显示中文，也就是将英文移开，值得注意的是，需要利用overflow:hidden属性，将其隐藏。如果想要速度慢一点的话，可以利用transition属性设置变化时间，就可以减慢变化速度。
        接着是用jquery实现：

css：

*{
    margin:0px;
    padding:0px;
    font-family: "Microsoft Yahei", Helvetica, sans-serif, Lato;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.nav{
    width:100%;
    height: 40px;
    background-color: #222;
    margin-top:100px;
    overflow: hidden;
}
.nav-list{
    width:1000px;
    margin:0 auto;
    height: 40px;
}
.nav-list li {
    float: left;
}
.nav-list li a{
    display: block;
}
.nav-list li b,.nav-list li i{
    color:#aaa;
    line-height: 40px;
    display: block;
    padding:0 30px;
    text-align: center;
}
.nav-list li b{
    font-weight:normal;
}
.nav-list li i{
    font-style: normal;
    color:#fff;
    background-color: #333;
}
jquery: 

$(function(){
    $(".nav-list li a").hover(function(){
        $(this).stop().animate({"margin-top":-40},200)
    },function(){
        $(this).stop().animate({"margin-top":0},200)
    });
});
        实现功能的重点是animate()函数的实现，通过设置margin-top和时间实现，为了防止快速经过时，所有的都会变化（如下图所示），需要在animate()函数前面加上stop()函数，即在所有动画之前，先停止其他的动画，然后再开始这个动画。

3、带有弹性动画的导航条
       我采用了三种方式实现，第一种是css3,第二种是jquery，第三种是jquery easing实现。效果图如下：

       因为三种的布局是一样的，所以就直接附上html的结构代码。
html: 
    <div class="nav">
        <ul class="nav-list">
            <li>
                <a href="#">首页</a>
            </li>
            <li>
                <a href="#">论坛</a>
                <div class="nav-down">
                    <a href="#">java论坛</a>
                    <a href="#">js论坛</a>
                    <a href="#">jquery论坛</a>
                    <a href="#">css3论坛</a>
                </div>
            </li>
            <li>
                <a href="#">博客</a>
                <div class="nav-down">
                    <a href="#">精彩博文</a>
                    <a href="#">博客专栏</a>
                    <a href="#">博客专家</a>
                    <a href="#">我的博客</a>
                </div>
            </li>
            <li>
                <a href="#">商城</a>
                <div class="nav-down">
                    <a href="#">软件商城</a>
                    <a href="#">C币商城</a>
                    <a href="#">C币充值</a>
                </div>
            </li>
            <li>
                <a href="#">下载</a>
                <div class="nav-down">
                    <a href="#">资源分类</a>
                    <a href="#">我的资源</a>
                </div>
            </li>
        </ul>
    </div>
第一种：css3实现 
*{
    margin:0px;
    padding:0px;
    font-family: "Microsoft Yahei", Helvetica, sans-serif, Lato;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.nav{
    width:100%;
    height: 40px;
    margin-top:50px;
    background-color: #222;
}
.nav .nav-list{
    width: 1000px;
    height: 40px;
    margin:0 auto;
}
.nav .nav-list li{
    float: left;
    position: relative;
}
.nav .nav-list li > a{
    display: block;
    height: 40px;
    line-height: 40px;
    padding:0 30px;
    color:#aaa;
    width:60px;
}
.nav .nav-list li:hover>a{
    color:#fff;
    background-color: #333;
}
<span style="color:#ff0000;">.nav .nav-list li:hover .nav-down{
    display: block;
}</span>
.nav-down{
    width:150px;
    background-color: #333;
    position: absolute;
    top:40px;
    left:0px;
    display: none;
}
.nav .nav-list .nav-down a{
    display: block;
    line-height: 30px;
    color:#aaa;
    padding-left:30px;
}
<span style="color:#ff0000;">.nav .nav-list .nav-down a:hover{
    color:#fff;
    background-color: #333;
}</span>
      实现方法很简单，即刚开始让下拉的菜单隐藏，然后当鼠标经过的时候，将隐藏的菜单显示即可，具体实现代码如上的红色部分，这里不作详细讲解，代码很简单。
第二种：用jquery实现。
css: 
*{
    margin:0px;
    padding:0px;
    font-family: "Microsoft Yahei", Helvetica, sans-serif, Lato;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.nav{
    width:100%;
    height: 40px;
    margin-top:50px;
    background-color: #222;
}
.nav .nav-list{
    width: 1000px;
    height: 40px;
    margin:0 auto;
}
.nav .nav-list li{
    float: left;
    position: relative;
}
.nav .nav-list li > a{
    display: block;
    height: 40px;
    line-height: 40px;
    padding:0 30px;
    color:#aaa;
    width:60px;
}
.nav .nav-list li:hover>a{
    color:#fff;
    background-color: #333;
}
.nav-down{
    width:150px;
    background-color: #333;
    position: absolute;
    top:40px;
    left:0px;
    display: none;
}
.nav .nav-list .nav-down a{
    display: block;
    line-height: 30px;
    color:#aaa;
    padding-left:30px;
}
.nav .nav-list .nav-down a:hover{
    color:#fff;
    background-color: #333;
}
jquery: 
$(function(){
    $(".nav .nav-list li").hover(function(){
        $(this).find(".nav-down").stop().slideDown()
    },function(){
        $(this).find(".nav-down").stop().slideUp()
    });
});
实现方法之前也讲过，在 仿造百度换肤功能的部分，在这里采用的是slideDown()和slideUp()方法，如果想要设置变化时间，可以直接在括号中填入时间即可。
第三种：用jquery.easing实现。
css的样式跟用jquery实现的样式一样，这里就不增加空间再复制一遍了。
jquery: 
<pre name="code" class="javascript">$(function(){
    $(".nav .nav-list li").hover(function(){
        $(this).find(".nav-down").stop().slideDown({duration:500,easing:"easeOutBounce"})
    },function(){
        $(this).find(".nav-down").stop().slideUp({duration:500,easing:"easeOutBounce"})
    });
});
 
        使用这种方法实现时记得引进包jquery.easing.1.3.min.js（我用的是这个版本，大家可以自行在网上下载）。在这里重点说一下思路：当鼠标移动的时候， 弹性下拉菜单会跟随着下滑，当鼠标移开的时候，弹性下拉菜单会上滑，同样用到了前面所说的slideDown()和slideUp()方法，唯一不同的是在这里增加了动画，即采用easing实现，它其实就是类似于json的格式，插入duration和easing方式就可以，如果不懂里面的实现过程，可以查一下相关的说明文档，看看就会了。 

 

 
 4、摩擦运动动画跟随的导航条 

 

 
 

 
  

 

 
       实现思路就是：将鼠标移动的时候，把横条的位置移动到当前文字的下方。所以需要获取当前鼠标移动到的位置，即top和left，然后将横条的top和left相应地改变就可以实现，具体实现如下。 

 

 
       html:（这里只贴上一个页面的代码） 

 

 
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>摩擦运动动画跟随的导航条</title>
    <link href="../css/demo7.css" rel="stylesheet">
    <script src="../js/jquery-3.1.0.min.js" language="javascript" charset="utf-8"></script>
    <script src="../js/jquery.easing.1.3.min.js" language="javascript" charset="utf-8"></script>
    <script src="../js/demo7.js" language="javascript" charset="utf-8"></script>
</head>
<body>
   <div class="nav">
       <div class="nav-content">
           <ul class="nav-list">
               <li><a href="index.html">首页</a></li>
               <li><a href="bbs.html">论坛</a></li>
               <li><a href="blog.html">博客</a></li>
               <li><a href="mall.html">商城</a></li>
               <li><a href="download.html">下载</a></li>
            </ul>

           <div class="nav-line"></div>
       </div>
   </div>
</body>
</html>
css: 

 

 
 
*{
    margin:0px;
    padding: 0px;
    font-family: "Microsoft Yahei", Helvetica, sans-serif, Lato;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.nav{
    width:100%;
    height:40px;
    margin-top:50px;
    background-color: #f6f6f6;
}
.nav .nav-content{
    width:1000px;
    margin:0 auto;
    height: 40px;
    position: relative;
}
.nav .nav-list li{
    float: left;
}
.nav .nav-list li a{
    color:#333;
    height: 40px;
    line-height: 40px;
    display: block;
    padding:0 30px;
}
.nav .nav-line{
    height:3px;
    background: #35b558;
    width:100px;
    position: absolute;
    top:40px;
    left:0px;
}
.nav .nav-list li a:hover{
    color:#35b558;
}
.nav .nav-list li a.on{
    color:#35b558;
}
jquery: 

 

 
 
$(function () {
    var index = window.location.href.split("/").length-1;
    var href = window.location.href.split("/")[index];
    $(".nav .nav-list li a[href='"+href+"']").addClass("on");

    var li_width = $(".nav .nav-list li a.on").outerWidth();
    var li_left = $(".nav .nav-list li a.on").position().left;
    $(".nav-content .nav-line").css({width:li_width,left:li_left});

    $(".nav .nav-list li").hover(function(){
        var li_width = $(this).outerWidth();
        var li_left = $(this).position().left;
        $(".nav-content .nav-line").stop().animate({"width":li_width,"left":li_left},{duration:1500,easing:"easeOutElastic"});
    },function(){
        $(".nav-content .nav-line").stop().animate({"width":li_width,"left":li_left},{duration:1500,easing:"easeOutElastic"});
    });
});
 
 主要说几个方法的作用： 

 

 
      1）outerwidth()获取元素的宽度（因为文字的个数不同，宽度就不一样，为了好看，横条需要适应文字的宽度）；
      2）position().left获取元素的位置中left的值； 

 

 
      3）animate(）实现动画效果； 

 

 
      4）duration和easing都是jquery easing插件的内容，即设置动画的效果。 

 

 
 
 在这里，所有的分享就结束了。 

 


                

        

        

    




    

      

        

            

              
                
                  Wendy-lxq
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    5
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    24
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
如何使用 JavaScript 构建带有下拉菜单的响应式导航栏

				
			

			

				

					我的博客，不一样的自我表达 
				

				

					05-28
					
					2901
					
				

			

		

		

			
				
aria-label带有 id 和汉堡包的按钮，aria-haspopup设置为“true”，aria-expanded设置为“false”。这些标签将使我们能够使屏幕阅读器更容易访问此按钮。现在在平板电脑和手机屏幕上，导航栏是响应式的，汉堡包按钮是可见的。这意味着当  dropdown1单击数据集为的按钮时，divid 为的元素dropdown1将记录到控制台，按钮则相反dropdown2。现在，只要下拉菜单可见，该aria-expanded属性就会设置为 true，而在折叠时，它会设置为 false。

			
		

	



                

              
                



	

		

			

				
					
用js制作的精美导航栏

				
			

			

				

					08-11
				

			

		

		

			
				
使用js制作的精美Java Web导航，欢迎新手学习！

			
		

	



                


  
              

                


	

		

			

				
					
分享114个JS菜单导航，总有一款适合您

				
			

			

				

					zy0412326的专栏
				

				

					02-11
					
					1142
					
				

			

		

		

			
				
js

			
		

	





	

		

			

				
					
MDUI的黑暗模式实现和居中问题

				
			

			

				

					Ryker的博客
				

				

					03-07
					
					1020
					
				

			

		

		

			
				
今天除了上课，把抽奖系统继续完善。
发现了开源库MDUI挖的几个坑：1是为移动端设计，PC端有些页面很难看；2是开关没有设置任何可以与JavaScript通信的标记。



对于1，例如MDUI的列表，要么一行全占满屏幕，很难看，要么缩到最右边。通过在mdui-list上一级设置可以居中显示：


&lt;div class="mdui-container" style="max-width: 5...

			
		

	



		

			
		



	

		

			

				
					
原生JS实现特效导航条

				
			

			

				

					越陌度阡
				

				

					07-27
					
					1410
					
				

			

		

		

			
				
分享一个用原生JS实现的特效导航条，效果如下：



实现代码如下：


<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>原生JS实现特效导航条</title>
    <style>
        * .........

			
		

	





	

		

			

				
					
各式各样的导航条效果css3结合jquery代码实现

				
			

			

				

					10-21
				

			

		

		

			
				
主要为大家分享了css3结合jquery代码实现各式各样的导航条效果,具有一定的参考价值，感兴趣的小伙伴们可以参考一下

			
		

	





	

		

			

				
					
jquery css3点击水波动画滑动导航条代码

				
			

			

				

					10-27
				

			

		

		

			
				
jquery css3点击水波动画滑动导航条代码 jquery css3点击水波动画滑动导航条代码

			
		

	





	

		

			

				
					
jQuery+CSS3实现四种应用广泛的导航条制作实例详解

				
			

			

				

					10-21
				

			

		

		

			
				
主要介绍了jQuery+CSS3实现多种类型的导航条制作实例详解的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下

			
		

	





	

		

			

				
					
jQuery CSS3全屏导航菜单代码.zip

				
			

			

				

					07-11
				

			

		

		

			
				
jQuery CSS3全屏导航菜单代码

			
		

	





	

		

			

				
					
用JS写的一个简单的导航栏

					
热门推荐

				
			

			

				

					聂亚兵的博客
				

				

					09-05
					
					1万+
					
				

			

		

		

			
				
选项卡
		
			* {
				margin: 0;
				padding: 0;
			}
			
			span {
				display: inline-block;
				margin-left: 30px;
				width: 150px;
				height: 40px;
				background: #FFFFFF;
				border-bottom: 2px so

			
		

	





	

		

			

				
					
jQuery导航条动画特效.zip

				
			

			

				

					07-04
				

			

		

		

			
				
jQuery导航条动画特效

			
		

	





	

		

			

				
					
使用CSS3制作响应式导航菜单的方法

				
			

			

				

					09-25
				

			

		

		

			
				
主要介绍了使用CSS3制作响应式导航菜单的方法,这种菜单在移动端的网页制作中也经常能够用到,需要的朋友可以参考下

			
		

	





	

		

			

				
					
几个常用的分类导航菜单

				
			

			

				

					03-03
				

			

		

		

			
				
几个常用的分类导航菜单
有垂直的 有多级的 有水平的

			
		

	





	

		

			

				
					
js实现简单分页导航栏效果

				
			

			

				

					12-10
				

			

		

		

			
				
本文实例为大家分享了js实现分页导航栏效果的具体代码，供大家参考，具体内容如下
最终的效果: 

1. 分页需要的几个重要参数:
总记录条数: totalCount (查数据库)
每页记录数: pageSize  (自己设置)
总页数: totalPageNum  (根据上面的参数计算) 
当前页: currentPageNum (前台传入)
当前页要显示的内容 : List<PageInfo> (查数据库: pageSize和currentPageNum每页的计算起始记录索引  
2. 在html页面中添加分页导航条的<DIV>

<body>
 <!--分页导航条 -->
 <div cl

			
		

	





	

		

			

				
					
jQuery带简单动画效果的二级导航栏

				
			

			

				

					06-20
				

			

		

		

			
				
自己用jquery写的一个带简单动画效果的导航栏，
可手动添加父栏和子栏，初学乍练，但绝对好用

			
		

	





	

		

			

				
					
js+css制作导航栏下划线跟随动画，App+H5点击效果

				
			

			

				

					qq1219579255的博客
				

				

					03-15
					
					3771
					
				

			

		

		

			
				
这是使用Vue制作的一个下划线跟随效果，没有使用其他插件


			
		

	





	

		

			

				
					
网页导航栏中常用li标签嵌套超链接用法

				
			

			

				

					HCJS_Zee的博客
				

				

					10-20
					
					1万+
					
				

			

		

		

			
				
在网页中导航，菜单等部分的设计，需要使用到列表ul，其中的列表项li一般会嵌套a标签，超链接到指定url。在li标签嵌套a链接时，a链接中通常包含文字。
为了使文字居中，而且当点击li标签时，整个区域都可以响应到a链接，操作不是特别清晰，做了如下总结：


  'index.html'>首页"
  'staff.html'>员工风采
  ''>部门精粹
  ''>深入仓库
  ''>我要登

			
		

	





	

		

			

				
					
用JavaScript实现一个简单动态导航条

				
			

			

				

					mddgxz的博客
				

				

					04-15
					
					3903
					
				

			

		

		

			
				
虽说是js实现，但是其中是引入了jq，将它们封装成jq对象，所以js中的代码只有两行，代码看起来多是因为写的样式多。
实现的主要功能为：当鼠标放到导航栏上面的链接时，链接下方的链接元素也会显示出来，当移除鼠标时，将收缩上去不显示。
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;

			
		

	





	

		

			

				
					
用JavaScript制作导航栏切换

				
			

			

				

					weixin_42442856的博客
				

				

					12-24
					
					3157
					
				

			

		

		

			
				
效果图：



先写HTML代码：


<div class="tab">
        <div class="tab_list">
            <ul>
                <li class="current">国际新闻</li>
                <li>国内新闻</li>
                <li>体育新闻</li>
         .

			
		

	





	

		

			

				
					
jquery滑动导航条

					
最新发布

				
			

			

				

					04-05
				

			

		

		

			
				
以下是一个简单的 jQuery 滑动导航条的示例：  HTML 代码：  ```     <li><a href="#section1">Section 1</a></li>  <li><a href="#section2">Section 2</a></li>  <li><a href="#section3">Section 3</a></li>     ...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值