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


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 相关文章推荐
javascript 面向对象全新理练之继承与多态
Dec 03 Javascript
JavaScript 类型的包装对象(Typed Wrappers)
Oct 27 Javascript
JS中toFixed()方法引起的问题如何解决
Nov 20 Javascript
javascript实现获取cookie过期时间的变通方法
Aug 14 Javascript
jQuery实现的多屏图像图层切换效果实例
May 07 Javascript
使用impress.js制作幻灯片
Sep 09 Javascript
js replace()去除代码中空格的实例
Feb 14 Javascript
Vue.js 单页面多路由区域操作的实例详解
Jul 17 Javascript
JS实现中文汉字按拼音排序的方法
Oct 09 Javascript
详解Vue微信授权登录前后端分离较为优雅的解决方案
Jun 29 Javascript
js实现页面导航层级指示效果
Aug 25 Javascript
JavaScript setTimeout()基本用法有哪些
Nov 04 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
利用中国天气预报接口实现简单天气预报
2014/01/20 PHP
PHP正则表达式入门教程(推荐)
2016/05/18 PHP
php一个文件搞定微信jssdk配置
2016/12/12 PHP
PHP里面把16进制的图片数据显示在html的img标签上(实现方法)
2017/05/02 PHP
postman的安装与使用方法(模拟Get和Post请求)
2018/08/06 PHP
javascript对象的property和prototype是这样一种关系
2007/03/24 Javascript
javaScript Array(数组)相关方法简述
2009/07/25 Javascript
jQuery 创建Dom元素
2010/05/07 Javascript
Javascript面向对象编程
2012/03/18 Javascript
jquery实现图片灯箱明暗的遮罩效果
2013/11/15 Javascript
使用JavaScript和C#中获得referer
2014/11/14 Javascript
JavaScript中用字面量创建对象介绍
2014/12/31 Javascript
jQuery实现默认是闭合的FAQ展开效果菜单
2015/09/14 Javascript
js判断数组key是否存在(不用循环)的简单实例
2016/08/03 Javascript
js实现彩色条纹滚动条效果
2017/03/15 Javascript
Vue内容分发slot(全面解析)
2017/08/19 Javascript
详解Vue项目中出现Loading chunk {n} failed问题的解决方法
2018/09/14 Javascript
vue读取本地的excel文件并显示在网页上方法示例
2019/05/29 Javascript
JS实现长图上下滚动效果
2020/03/19 Javascript
《javascript设计模式》学习笔记五:Javascript面向对象程序设计工厂模式实例分析
2020/04/08 Javascript
[01:02:03]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS VG
2014/05/26 DOTA
python类装饰器用法实例
2015/06/04 Python
python3+dlib实现人脸识别和情绪分析
2018/04/21 Python
网易2016研发工程师编程题 奖学金(python)
2019/06/19 Python
python读取配置文件方式(ini、yaml、xml)
2020/04/09 Python
草莓网化妆品澳大利亚站:Strawberrynet AU
2017/12/18 全球购物
波兰在线香水店:Perfumy.pl
2019/08/12 全球购物
一套带答案的C++笔试题
2014/01/10 面试题
在C#中如何实现多态
2014/07/02 面试题
如何将一个描述日期或日期/时间的字符串转换为一个Date对象
2015/10/13 面试题
数控专业毕业生求职信范文
2013/09/21 职场文书
市三好学生主要事迹
2014/01/28 职场文书
培训讲师岗位职责
2014/04/13 职场文书
2015年商场工作总结
2015/04/27 职场文书
关于践行三严三实的心得体会
2016/01/05 职场文书
2016优秀护士先进个人事迹材料
2016/02/25 职场文书