我怎樣才能讓使用HTML/CSS/JScrollPane的

Question

漂亮的滾動條我設計的HTML網頁，模仿內嵌窗格定義這個CSS類：

.paneSection{ 
    display: block; 
    border-width: 1px; 
    border-style: solid; 
    margin: 2px; 
    padding:0px; 
    height:200px; 
    width:200px; 
    overflow: auto 
} 

，並適用於跨度標籤。由此產生的代碼是這樣的：

<table> 
    <tr valign=top> 
    <td> 
     <span class="paneSection"> 
     ... A long piece of text here that will inevitably overflow the block ... 
     </span> 
    </td> 
    <td> 
     <span class="paneSection"> 
     ... More text, may or may not overflow, etc... 
     </span> 
    </td> 
    </tr> 
</table> 

問題是，出現的滾動條是醜陋的，灰色的，四四方方的。我真的需要一個「漂亮」的滾動條。我查了幾個小時，似乎幾乎所有的事情都指向使用JQuery插件JScrollPane。然而，儘管我是一名開發人員（我實際上使用Java來爲網頁生成html），但我從未使用過JQuery或插件。

我用其他頁面的源代碼進行了一些調整，並得到了一些最小的工作，但仍然沒有什麼漂亮的。我這樣說可能是錯誤的，但看起來我需要實際的圖像文件來使滾動條更漂亮。

，我喜歡的是在pane2一此頁面上的一個滾動條的例子： http://www.kelvinluck.com/assets/jquery/jScrollPane/examples.html

我在哪裏可以得到在源引用的圖片嗎？我是否真的需要製作這些圖像，還是可以在某處下載？

在設計漂亮的滾動條（我不是一個平面設計師，請記住這一點）或如何在一般情況下使用JQuery插件的任何其他幫助表示讚賞。

添加註釋我還需要滾動條水平工作，而不僅僅是垂直工作。 JScrollPane仍然適合這個嗎？

Answer 1

不，你應該能夠抓住圖像。例如，其中一個箭頭在這裏：http://www.kelvinluck.com/assets/jquery/jScrollPane/images/osx_arrow_up.png。

找到這個最簡單的方法是使用您的瀏覽器的檢查器（Chrome和Safari有內置的，Firefox使用Firebug，對IE沒有評論）。只需右鍵單擊滾動條或滾動條上您感興趣的圖像部分，然後執行「檢查元素」。從那裏你可以看到該元素的CSS，在這種情況下，他們正在使用background-image屬性，你可以從這裏獲取URL。

如果您不是平面設計師，我只會在網絡上找到現有的圖片（假設創作者允許）。對於一般的jQuery，我建議您仔細閱讀文檔http://api.jquery.com/，看看您可以使用哪些東西（我假設您知道Javascript）並開始使用它。在這種情況下，經驗是一位出色的老師。