欧美日韩精品在线,国内精品久久久久久久久,一级毛片恃级毛片直播,清纯唯美亚洲综合欧美色

jquery模擬瀏覽器滾動(dòng)條效果_DIV+CSS實(shí)例

編輯Tag賺U幣

通過(guò)修改CSS來(lái)更換s滾動(dòng)條樣式，只能更換顏色，而不能更改滾動(dòng)條的大小。

況且還有瀏覽器兼容的問(wèn)題：

scrollbar-dif

我們可以選擇jquery來(lái)做該效果，這樣即修改了滾動(dòng)條的大小，又可以做到兼容：

jquerylinscroll

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為滾動(dòng)層的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;">
內(nèi)容
</div>

 

來(lái)源：模板無(wú)憂//所屬分類：DIV+CSS實(shí)例/更新時(shí)間：2012-05-26
相關(guān)DIV+CSS實(shí)例：