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


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 复制数组实现代码
Nov 26 Javascript
jquery简单实现图片切换效果的方法
May 12 Javascript
javascript实现二级级联菜单的简单制作
Nov 19 Javascript
如何高效率去掉js数组中的重复项
Apr 12 Javascript
几种响应式文字详解
May 19 Javascript
基于jQuery和CSS3实现APPLE TV海报视差效果
Jun 16 jQuery
Angular.js中下拉框实现渲染html的方法
Jun 18 Javascript
详解Angular的8个主要构造块
Jun 20 Javascript
JavaScript中重名的函数与对象示例详析
Sep 28 Javascript
详解Vue结合后台的列表增删改案例
Aug 21 Javascript
JavaScript中的 new 命令
May 22 Javascript
node.js使用http模块创建服务器和客户端完整示例
Feb 10 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中$_SERVER[PHP_SELF] 和 $_SERVER[SCRIPT_NAME]之间的区别
2009/09/05 PHP
PHP 程序员的调试技术小结
2009/11/15 PHP
php去掉字符串的最后一个字符附substr()的用法
2011/03/23 PHP
PHP 利用Mail_MimeDecode类提取邮件信息示例
2014/01/26 PHP
PHP实现生成模糊图片的方法示例
2017/12/21 PHP
IE8 浏览器Cookie的处理
2009/01/31 Javascript
jQuery循环滚动展示代码 可应用到文字和图片上
2012/05/11 Javascript
12款经典的白富美型—jquery图片轮播插件—前端开发必备
2013/01/08 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
2014/09/01 Javascript
Angularjs 基础入门
2014/12/26 Javascript
jQuery实现本地预览上传图片功能
2016/01/08 Javascript
基于jquery编写的放大镜插件
2016/03/23 Javascript
AngularJS 指令的交互详解及实例代码
2016/09/14 Javascript
Angular中$broadcast和$emit的使用方法详解
2017/05/22 Javascript
微信小程序与php 实现微信支付的简单实例
2017/06/23 Javascript
Nodejs之TCP服务端与客户端聊天程序详解
2017/07/07 NodeJs
ES6新增的math,Number方法
2017/08/06 Javascript
JavaScript中var的重要性实例分析
2019/07/09 Javascript
ES6 Generator基本使用方法示例
2020/06/06 Javascript
[04:05]TI9战队采访 - Natus Vincere
2019/08/22 DOTA
Python AES加密实例解析
2018/01/18 Python
pycharm 在windows上编辑代码用linux执行配置的方法
2018/10/27 Python
python 实现selenium断言和验证的方法
2019/02/13 Python
python Kmeans算法原理深入解析
2019/08/23 Python
python操作docx写入内容,并控制文本的字体颜色
2020/02/13 Python
文明礼仪事迹材料
2014/01/09 职场文书
银行优秀员工事迹材料
2014/05/29 职场文书
岗位说明书怎么写
2014/07/30 职场文书
党的群众路线教育实践活动批评与自我批评范文
2014/10/16 职场文书
警察正风肃纪剖析材料
2014/10/16 职场文书
个人优缺点总结
2015/02/28 职场文书
Go语言使用select{}阻塞main函数介绍
2021/04/25 Golang
Python下opencv使用hough变换检测直线与圆
2021/06/18 Python
Python音乐爬虫完美绕过反爬
2021/08/30 Python
MySQL数据库如何给表设置约束详解
2022/03/13 MySQL
windows server 2016 域环境搭建的方法步骤(图文)
2022/06/25 Servers