繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
- Javascript
- jquery ajax提交表单数据的两种方式
- js数字输入框(包括最大值最小值限制和四舍五入)
- 文本框的字数限制功能jquery插件
- JavaScript让IE浏览器event对象符合W3C DOM标准
- 为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
- 为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
- js版扫雷实现代码 原理不错
- 鼠标跟随的文字变动效果
- JS 判断undefined的实现代码
- Ext grid 添加右击菜单
- javascript或asp实现的判断身份证号码是否正确两种验证方法
- javascript 获取元素位置的快速方法 getBoundingClientRect()
- javascript 面向对象继承
- JavaScript 地震特效
- jquery.ui.progressbar 中文文档
- JS 拖动效果实现代码 比较简单
- JS小框架 fly javascript framework
- JS在IE和FF下attachEvent,addEventListener学习笔记
- js 对联广告、漂浮广告封装类（IE,FF,Opera,Safari,Chrome
- js 动态选中下拉框
Javascript 中的 滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 84 ::
收藏到网摘: n/a
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码 安装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 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>
注意：上面代码都是非标准模式的。
评论 (0) All
