jquery模擬瀏覽器滾動條效果_DIV+CSS實例
通過修改CSS來更換s滾動條樣式，只能更換顏色，而不能更改滾動條的大小。
況且還有瀏覽器兼容的問題：
我們可以選擇jquery來做該效果，這樣即修改了滾動條的大小，又可以做到兼容：
JS代碼如下(附：jquery.linscroll.js)：
<script type="text/javascript" src="jquery-1.1.3.1.js"></script>
<script type="text/javascript" src="jquery.linscroll.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$(’#scrollContent’).setScroll( //scrollContent為滾動層的ID
{img:scroll_bk.gif’,width:10},//背景圖及其寬度
{img:scroll_arrow_up.gif’,height:3},//up image
{img:scroll_arrow_down.gif’,height:3},//down image
{img:scroll_bar.gif’,height:25}//bar image
);});
</script>
html代碼如下：
<div id="scrollContent" style="width:140px;overflow:hidden;height:170px;">
內容
</div>
相關DIV+CSS實例：
- 相關鏈接：
- 教程說明：
DIV+CSS實例-jquery模擬瀏覽器滾動條效果
。