玩转网页滚动条

时间： 2021-07-31 作者：daque

网页震动条自己即是欣赏器的一局部，运用它不妨简单欣赏较大的网页，然而老生常谈的它常常会给完全页面功效拖了不少后腿，咱们能不许变换它灰灰的格式呢？能！俗语说：“惟有你想不到的，没有做不到的。” 给震动条换色简直一切网页的震动条都是默许的灰色，即使把它的脸色换换，来点另类的，断定确定会使网页越发靓丽。咱们只有在网页代码<head> </head>之间插入底下的代码，即可得心应手地变动脸色了。 <style> body {scrollbar-face-color:#3333ff;(立体震动条凸出局部的脸色) scrollbar-highlight-color:#505050;(震动条空缺局部的脸色) scrollbar-shadow-color:#fc2400;(立体震动条暗影的脸色) scrollbar-arrow-color:#666666;(左右按钮上三角箭镞的脸色) scrollbar-base-color:#333333; (震动条的基础脸色) scrollbar-dark-shadow-color:#b4fc48} (立体震动条强暗影的脸色) </style> 反面的16位脸色值你不妨随便变动，括号内是证明证明，在输时髦请不要插入。湮没震动条在任何情景下，即使网页胜过显演示围，就会展示震动条。但偶尔咱们并不想让它表露，怎样湮没它呢？只需在<body> </body>之间插入代码：<body style="overflow-x:hidden;overflow-y:hidden">即可。个中x表白程度震动条，将其改为y的话就不妨湮没笔直震动条。滚屏表露当网页中有长篇作品时，欣赏起来就比拟吃劲了，想想一面忙着拖动震动条，一面忙着欣赏，真实挺累人的。为了宾客不妨轻快的欣赏，咱们不妨运用script代码实行网页的机动滚屏，当双击网页的功夫，网页将会自意向下震动，再次单击时震动遏止。将底下的代码插入到<body> </body>之间。 <script language"javascript"> var currentpos,timer; function initialize() { timer=setinterval("scrollwindow()",10); } function sc(){ clearinterval(timer); } function scrollwindow() { currentpos=document.body.scrolltop; window.scroll(0,++currentpos); if (currentpos != document.body.scrolltop) sc(); } document.onmousedown=sc document.ondblclick=initialize </script> （根源：电脑喜好者）

玩转网页滚动条

相关推荐

推荐下载

热门阅览

最新排行