jQuery |垂直点导航插件

jQuery 为程序员提供了一个漂亮、轻量级、单页和响应式的垂直点导航插件，有助于在长网页中导航或滚动。该插件会识别网站中的页面或部分的数量，并相应地添加点以供点击以滚动浏览相应的内容。

请下载垂直点导航插件并将所需的文件库包含在您的工作文件夹中，如以下代码的头部部分所示。
下载链接：https://github.com/maiamachine/jquery-vertical-dot-navigation

示例 1：在下面的示例中，使用 jQuery 显示了 verticalDotNav() 方法的非常基本的调用。 HTML 页面的不同部分提供了不同的页面内容。

  
  
  jQuery Vertical Dot Navigation Plugin 
   
  
  
  
  
  
  
  
  
  
    
           $(document).ready(function(){
               $('section').verticalDotNav(); 
             
           })
    


   

    
    jQuery Vertical Dot Navigation Plugin
      
    


    
    Amazon… “Hire and Develop the Best”. 
One of the Big Four Tech Companies founder
 Jeff Bezos is now the richest person on this planet.
 Jeff was an engineer and 25 years ago when Jeff pitched 
his idea of starting a business online to his boss 
David (Founder of DE Shaw) it was rejected indirectly.
 Well, Jeff quit the job and started Amazon from his 
garage in Seattle Washington.Today the company is making
 billions of dollars and fulfilling the customer’s 
needs worldwide in various areas.
    


    
    As the placement season is back so are we to help you ace
 the interview. We have selected some most commonly asked and 
must do practice problems for you. You can also take part in our
mock placement contests which will help you learn different topics and 
practice at the same time, simulating the feeling of a real placement
 test environment.
        

输出：

示例 2：在下面的示例中， verticalDotNav()方法的各个选项设置如下所示。只需注意图像输出中点的对齐方式和滚动速度，并根据要求相应地在您的代码中进行自定义。

  


  
  
  jQuery Vertical Dot Navigation Plugin 
   
  
  
  
  
  
  
  
  
  
    
           $(document).ready(function(){
               $('section').verticalDotNav({
               align : "left", // Options are 'right' or 'left'
               scroll_speed : 2500, // The time in milliseconds
               dot_size: 30,
               dot_style: 'circle', // Options are 'circle' or 'square'
               dot_color: "#e9e9e9",
               nav_color: "#000000"
              
            });            
           })
    


   

    
    jQuery Vertical Dot Navigation Plugin
      
    


    
    Amazon… “Hire and Develop the Best”. One of the Big Four
 Tech Companies founder Jeff Bezos is now the richest person 
on this planet.
    Jeff was an engineer and 25 years ago when Jeff pitched 
his idea of starting a business online to his boss David 
(Founder of DE Shaw) 
    it was rejected indirectly. Well, Jeff quit the job and
 started Amazon from his garage in Seattle Washington.
    Today the company is making billions of dollars and
 fulfilling the customer’s needs worldwide in various areas.
    


    
      
     As the placement season is back so are we to help you ace 
the interview.
        We have selected some most commonly asked and must do 
practice problems for you.
        You can also take part in our mock placement contests 
which will help you learn different topics and practice at the same time,
        simulating the feeling of a real placement test environment.