滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码


Posted in Javascript onDecember 28, 2009

安装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>

注意:上面代码都是非标准模式的。
Javascript 相关文章推荐
JQuery操作表格(隔行着色,高亮显示,筛选数据)
Feb 23 Javascript
浅谈javascript 迭代方法
Jan 21 Javascript
jquery中用jsonp实现搜索框功能
Oct 18 Javascript
JavaScript中清空数组的方法总结
Dec 02 Javascript
jQuery 全选 全不选 事件绑定的实现代码
Jan 23 Javascript
微信小程序--onShareAppMessage分享参数用处(页面分享)
Apr 18 Javascript
详解从Vue.js源码看异步更新DOM策略及nextTick
Oct 11 Javascript
vue 属性拦截实现双向绑定的实例代码
Oct 24 Javascript
vue双向绑定及观察者模式详解
Mar 19 Javascript
ES6 Promise对象的含义和基本用法分析
Jun 14 Javascript
对layui初始化列表的CheckBox属性详解
Sep 13 Javascript
Vue组件通信$attrs、$listeners实现原理解析
Sep 03 Javascript
javascript iframe编程相关代码
Dec 28 #Javascript
通过javascript设置css属性的代码
Dec 28 #Javascript
JavaScript的public、private和privileged模式
Dec 28 #Javascript
Javascript 面向对象特性
Dec 28 #Javascript
extJs 常用到的增,删,改,查操作代码
Dec 28 #Javascript
firefox和IE系列的相关区别整理 以备后用
Dec 28 #Javascript
javascript 显示当前系统时间代码
Dec 28 #Javascript
You might like
php 字符过滤类,用于过滤各类用户输入的数据
2009/05/27 PHP
PHP求最大子序列和的算法实现
2011/06/24 PHP
destoon会员注册提示“数据校验失败(2)”解决方法
2014/06/21 PHP
php实现搜索类封装示例
2016/03/31 PHP
php使用array_chunk函数将一个数组分割成多个数组
2018/12/05 PHP
php中pcntl_fork创建子进程的方法实例
2019/03/14 PHP
javascript开发随笔二 动态加载js和文件
2011/11/25 Javascript
JQuery与Ajax调用新浪API获取短网址的代码
2014/02/07 Javascript
批量下载对路网图片并生成html的实现方法
2016/06/07 Javascript
JS获得一个对象的所有属性和方法实例
2017/02/21 Javascript
详解Vue中使用v-for语句抛出错误的解决方案
2017/05/04 Javascript
详解在express站点中使用ejs模板引擎
2017/09/21 Javascript
解决webpack dev-server不能匹配post请求的问题
2018/08/24 Javascript
CKEditor扩展插件:自动排版功能autoformat插件实现方法详解
2020/02/06 Javascript
[46:58]完美世界DOTA2联赛PWL S3 Forest vs LBZS 第一场 12.17
2020/12/19 DOTA
python模拟登陆Tom邮箱示例分享
2014/01/13 Python
Python学习笔记(二)基础语法
2014/06/06 Python
Python的Django框架使用入门指引
2015/04/15 Python
python3实现公众号每日定时发送日报和图片
2018/02/24 Python
python3.4 将16进制转成字符串的实例
2019/06/12 Python
Selenium+Python 自动化操控登录界面实例(有简单验证码图片校验)
2019/06/28 Python
python中对数据进行各种排序的方法
2019/07/02 Python
python判断无向图环是否存在的示例
2019/11/22 Python
解决pytorch报错:AssertionError: Invalid device id的问题
2020/01/10 Python
解决Python中报错TypeError: must be str, not bytes问题
2020/04/07 Python
使用Keras建立模型并训练等一系列操作方式
2020/07/02 Python
Python变量及数据类型用法原理汇总
2020/08/06 Python
python GUI计算器的实现
2020/10/09 Python
const char*, char const*, char*const的区别是什么
2014/07/09 面试题
C#如何允许一个类被继承但是避免这个类的方法被重载?
2015/02/24 面试题
服装设计专业自荐书范文
2013/12/30 职场文书
料理师求职信
2014/01/30 职场文书
房产继承公证书
2014/04/09 职场文书
铣床操作工岗位职责
2014/06/13 职场文书
小学生差生评语
2014/12/29 职场文书
Ajax异步刷新功能及简单案例
2021/11/20 Javascript