有什麼方法可以爲div標籤的滾動條添加圖片。我不想使用正常的滾動條,我們得到[我不想使用該滾動條的顏色]如何在div中添加滾動圖片標籤
一旦div的高度設置一旦超過我需要得到我的形象[自定義圖像爲滾動]
有沒有什麼辦法,我們可以把它做 任何想法PLZ跟我分享一下
有什麼方法可以爲div標籤的滾動條添加圖片。我不想使用正常的滾動條,我們得到[我不想使用該滾動條的顏色]如何在div中添加滾動圖片標籤
一旦div的高度設置一旦超過我需要得到我的形象[自定義圖像爲滾動]
有沒有什麼辦法,我們可以把它做 任何想法PLZ跟我分享一下
據我所知,沒有辦法將圖像設置爲滾動。我想你必須自己創造一些東西。在div上混合使用jQuery slider和overflow:hidden
,您應該可以自定義它。
但是,正如大衛鏈接,它不是非常用戶友好。
你可以嘗試這樣的事情,真正醜化您的滾動條(在FF嘗試在IE瀏覽器不工作)
<style>
body {
scrollbar-base-color: #EFD700;
scrollbar-arrow-color: #219B00;
scrollbar-3dlight-color: #00D8B1;
scrollbar-highlight-color: #26005B;
scrollbar-track-color: #03EF00;
}
</style>
但我懷疑這是一個好主意。我覺得很難讓這些東西變得漂亮..除非你使用某種形式的圖像來上下滾動div,當它被點擊時
這裏是一個鏈接,你可以在上面滾動條樣式修改。
使用這個JavaScript類...
function Scroller(elemId)
{
this.intervalId=null;
this.StartScrollLeft=function() {
this.intervalId=setInterval("document.getElementById('"+elemId+"').scrollLeft-=5",25);
}
this.StartScrollRight=function() {
this.intervalId=setInterval("document.getElementById('"+elemId+"').scrollLeft+=5",25);
}
this.StartScrollUp=function() {
this.intervalId=setInterval("document.getElementById('"+elemId+"').scrollTop-=5",25);
}
this.StartScrollDown=function() {
this.intervalId=setInterval("document.getElementById('"+elemId+"').scrollTop+=5",25);
}
this.StopScroll=function() {
clearInterval(this.intervalId);
}
}
聲明如下下面列出的標記......
var oScroller = new Scroller('container');
的HTML標記...
<img id="scrollUpControl" src="up.png" onmousedown="oScroller.StartScrollUp()" onmouseup="oScroller.StopScroll()" onmouseleave="oScroller.StopScroll()" />
<img id="scrollDownControl" src="down.png" onmousedown="oScroller.StartScrollDown()" onmouseup="oScroller.StopScroll()" onmouseup="oScroller.StopScroll()" />
<div id="container" style="height:200px; overflow:hidden">...</div>
不要。請,請,請不要。 http://web.archive.org/web/20080529040830/http://lists.evolt.org/archive/Week-of-Mon-20030324/138052.html – Quentin
@David:我同意這一點。 Google Wave有自己的滾動條,我發現很難使用它,因爲它的行爲與標準行爲不同。 – adrianbanks
@adrianbanks:我無法對您對Google Wave滾動條的評論達成一致。 useit.com/alertbox/20050711.html對滾動自己的滾動條的優缺點有一些很好的分析。 –