手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
摘要:安装U盘里下载的“滚动条变色”插件,安装到DW后,如何正常应用该特效插件?答:打开DW,1、新建页面——代码——删除前面的所有代码!2、鼠标...

安装U盘里下载的“滚动条变色”插件,

安装到DW后,如何正常应用该特效插件?

答:打开DW ,

1、新建页面——代码——删除<html>前面的所有代码!

2、鼠标定位在<head>之后——点击DW“设计”——点击“滚动条变色”插件,进行设置。

滚动条代码英文翻译:arrow——箭头,track——轨道。

提示:如果插入以下代码不能变色,请把网页头部<html>前的多于代码删除即可!

滚动条变色:

也可以直接在网页的<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>即可。其中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>

注意:上面代码都是非标准模式的。

【滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码】相关文章:

javascript 动态添加表格行

收集整理的四个方向的滚动

javascript去除空格方法小结

JQuery中节点遍历方法实例

JS获取时间的相关函数及时间戳与时间日期之间的转换

用户输入密码的强度

网页常用特效代码整理

JavaScript检测字符串中是否含有html标签实现方法

javascript函数特点实例

免费空间广告万能消除代码

精品推荐
分类导航