Javascript 关于这个JS脚本的问题
我在互联网上找到了这个JS脚本,但我不确定如何从index.php文件中调整这个脚本 所以这个脚本有一个保存所有默认值的部分。该文件是一个.js文件:Javascript 关于这个JS脚本的问题,javascript,Javascript,我在互联网上找到了这个JS脚本,但我不确定如何从index.php文件中调整这个脚本 所以这个脚本有一个保存所有默认值的部分。该文件是一个.js文件: (function($) { $.extend({ smoothScroll: function() { // Scroll Variables (tweakable) var defaultOptions = { // Scrollin
(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
我想使用JavaScript从frontpage的index.php中调整这些设置,因为我以前见过,我只是不知道怎么做
举个例子:
index.php
<script>
smoothScroll {
frameRate => 120
animationTime => 500
stepSize => 50
}
</script>
平滑卷轴{
帧率=>120
动画时间=>500
步长=>50
}
我希望有人能帮助我。函数名为$.smoothScroll,因为它是一个jQuery插件。函数参数必须放在()中。Javascript中的对象在键和值之间使用
:
,而不是=>
,它们需要在属性之间使用,
因此,它应该是:
$.smoothScroll({
frameRate: 120,
animationTime: 500,
stepSize: 50
});
此外,由于这是一个jQuery插件,如果页面尚未加载jQuery,则需要首先加载jQuery
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
对象是这样制作的:
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
});
您没有告诉我们这是哪个插件,但通常在初始化插件时,您会通过自定义设置传递对象:
$.smoothScroll({frameRate:500;animationTime:100})代码>。插件文档将告诉您如何使用它。