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


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 相关文章推荐
extjs 学习笔记 四 带分页的grid
Oct 20 Javascript
基于jquery实现状态限定编辑的代码
Feb 11 Javascript
js为数字添加逗号并格式化数字的代码
Aug 23 Javascript
php显示当前文件所在的文件以及文件夹所有文件以树形展开
Dec 13 Javascript
调用innerHTML之后onclick失效问题的解决方法
Jan 28 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
Apr 02 Javascript
jQuery 插件开发指南
Nov 14 Javascript
javascript中异常处理案例(推荐)
Oct 03 Javascript
Bootstrap源码解读表单(2)
Dec 22 Javascript
基于Angular.js实现的触摸滑动动画实例代码
Feb 19 Javascript
vue中引入第三方字体文件的方法示例
Dec 17 Javascript
JS如何实现封装列表右滑动删除收藏按钮
Jul 23 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
基于文本的访客签到簿
2006/10/09 PHP
php修改文件上传限制方法汇总
2015/04/07 PHP
PHP设置进度条的方法
2015/07/08 PHP
CI框架AR数据库操作常用函数总结
2016/11/21 PHP
Laravel Validator自定义错误返回提示消息并在前端展示
2019/05/09 PHP
这些年、我收集的JQuery代码小结
2012/08/01 Javascript
Javascript Request获取请求参数如何实现
2012/11/28 Javascript
jQuery中json对象的复制方式介绍(数组及对象)
2013/06/08 Javascript
Jquery实现Div上下移动示例
2014/04/23 Javascript
Javascript中的delete操作符详细介绍
2014/06/06 Javascript
Ext GridPanel加载完数据后进行操作示例代码
2014/06/17 Javascript
Nodejs中调用系统命令、Shell脚本和Python脚本的方法和实例
2015/01/01 NodeJs
jQuery定义背景动态切换效果的方法
2015/03/23 Javascript
javascript弹性运动效果简单实现方法
2016/01/08 Javascript
nodejs简单实现操作arduino
2016/09/25 NodeJs
vue2组件之select2调用的示例代码
2017/10/12 Javascript
JS实现图片上传多次上传同一张不生效的处理方法
2018/08/06 Javascript
JavaScript中继承原理与用法实例入门
2020/05/09 Javascript
nuxt.js 在middleware(中间件)中实现路由鉴权操作
2020/11/06 Javascript
Python编程实现微信企业号文本消息推送功能示例
2017/08/21 Python
Django 忘记管理员或忘记管理员密码 重设登录密码的方法
2018/05/30 Python
Python 3.3实现计算两个日期间隔秒数/天数的方法示例
2019/01/07 Python
Django框架自定义模型管理器与元选项用法分析
2019/07/22 Python
python调用函数、类和文件操作简单实例总结
2019/11/29 Python
Python3.7基于hashlib和Crypto实现加签验签功能(实例代码)
2019/12/04 Python
Django 构建模板form表单的两种方法
2020/06/14 Python
HTML5在a标签内放置块级元素示例代码
2013/08/23 HTML / CSS
优衣库台湾官网:UNIQLO台湾
2019/02/01 全球购物
金属材料工程个人求职的自我评价
2013/12/04 职场文书
卫校中专生的自我评价
2014/01/15 职场文书
酒鬼酒广告词
2014/03/21 职场文书
教师师德承诺书
2014/03/26 职场文书
买房委托公证书
2014/04/08 职场文书
教师自我剖析材料(群众路线)
2014/09/29 职场文书
2015年英语教研组工作总结
2015/05/23 职场文书
大学生,三分钟即兴演讲稿
2019/07/22 职场文书