JavaScript滑塊

Question

我需要爲客戶站點創建一個「滑塊」。滑塊應該允許人們選擇他們想要的x項目的物品數量，並且根據它顯示價格。怪異（ISH）的部分是價格上升的比率會下降作爲物品的量上升：

• 1項：$ 100
• 2項：90 = $ 190
• 3項：+ 80 = $ 270
• 4項：+ 70 = $ 340
• 5項：+ 60 = $ 400
• 6項：+ 50 = $ 450
• 7項：+ 50 = $ 500

而從此之後所有的增加都是+50。這可能看起來像一個過於簡單化的問題，但是有誰知道我該如何去做這件事？我幾乎沒有使用JavaScript的經驗:(

Answer 1

退房雅虎UI他們有一個滑塊控件：http://developer.yahoo.com/yui/slider/

下面的例子應該讓你開始：http://developer.yahoo.com/yui/examples/slider/slider-ticks.html

所有的JavaScript框架（jQuery， MooTools）似乎提供了一個滑塊，YUI會給你很多控制權和一個加載器，所以你不必在你的服務器上託管腳本，注意YUI並沒有像我提到的另外兩個。

下面是一個MooTools的例子：

// First example of http://demos.mootools.net/Slider 

<div class="slider" id="myslider"> 
     <div class="knob" style="position: relative;"/> 
    </div> 

和JavaScript：

var el = $('myslider'); // The slider graphic 
new Slider(el, el.getElement('.knob'), { 
    steps: 7, // There are 7 choices 
    range: [1, 7], // Minimum value is 1, maximum is 7 
    onChange: function(value){ 
     // Calculation of the value goes here 
    } 
}); 

Answer 2

雖然有越來越與JS做了滑蓋的大概無窮的方法，我覺得計算出的價格只是最簡單的方法硬編碼（或列出）他們的地方，只是else-if：通過他們。

您可能這樣做統計100-(i*10)五個第一項，50爲休息的算法，但是這可能很難在未來比硬上市的方式來改變。