有什么方法可以为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对滚动自己的滚动条的优缺点有一些很好的分析。 –