2016-08-23 100 views
-1

我在網上發現了這個JS腳本,但我不確定如何從index.php文件調整這個腳本。關於這個JS腳本的問題

所以這個腳本有一個保存所有默認值的部分。該文件是一個.js文件:

(function($) { 
    $.extend({ 

     smoothScroll: function() { 

      // Scroll Variables (tweakable) 
      var defaultOptions = { 

       // Scrolling Core 
       frameRate  : 150, // [Hz] 
       animationTime : 700, // [px] 
       stepSize   : 80, // [px] 

       // Pulse (less tweakable) 
       // ratio of "tail" to "acceleration" 
       pulseAlgorithm : true, 
       pulseScale  : 8, 
       pulseNormalize : 1, 

       // Acceleration 
       accelerationDelta : 20, // 20 
       accelerationMax : 1, // 1 

       // Keyboard Settings 
       keyboardSupport : true, // option 
       arrowScroll  : 50,  // [px] 

       // Other 
       touchpadSupport : true, 
       fixedBackground : true, 
       excluded   : "" 
      }; 

      // rest of script 

我想是因爲我以前看過這從FrontPage,在index.php,使用JavaScript調整這些設置,我只是不知道該怎麼辦它。

所以對於一個例子:

的index.php

<script> 
    smoothScroll { 
     frameRate => 120 
     animationTime => 500 
     stepSize => 50 
    } 
</script> 

我希望有人能幫助我。

+0

您還沒有告訴我們這是哪個插件,但通常您會在初始化插件時傳遞一個包含自定義設置的對象:'.smoothScroll({frameRate:500; animationTime:100});'。插件文檔將告訴你如何使用它。 – Turnip

回答

1

的對象是由這樣的:

var obj = { 
    key: "value" // if value is a string 
    key1: 123 // if value is a number 
    // just to show two examples 
}; 

所以,這個適應你的情況,你有一個對象傳遞給函數,這樣做

$.smoothScroll({ 
    frameRate: 120, 
    animationTime: 500, 
    stepSize: 50 
}); 
0

該函數的名稱是$ .smoothScroll,因爲它是一個jQuery插件。函數參數必須放在()中。 Javascript中的對象在鍵和值之間使用:,而不是=>,它們在屬性之間需要,

所以它應該是:

$.smoothScroll({ 
    frameRate: 120, 
    animationTime: 500, 
    stepSize: 50 
}); 

此外,由於這是一個jQuery插件,你需要首先加載的jQuery如果頁面沒有這樣做。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>