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


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 相关文章推荐
Table冻结表头示例代码
Aug 20 Javascript
JavaScript学习笔记之Cookie对象
Jan 22 Javascript
js实现仿QQ秀换装效果的方法
Mar 04 Javascript
jQuery+ajax实现无刷新级联菜单示例
May 21 Javascript
jQuery插件datatables使用教程
Apr 21 Javascript
使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享
May 09 Javascript
使用plupload自定义参数实现多文件上传
Jul 19 Javascript
纯js仿淘宝京东商品放大镜功能
Mar 02 Javascript
JavaScript实现带有子菜单和控件的slider轮播图效果
Nov 01 Javascript
详解vuex之store拆分即多模块状态管理(modules)篇
Nov 13 Javascript
Object.keys() 和 Object.getOwnPropertyNames() 的区别详解
May 21 Javascript
JavaScript原型链中函数和对象的理解
Jun 16 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
mysq GBKl乱码
2006/11/28 PHP
PHP生成sitemap.xml地图函数
2013/11/13 PHP
Thinkphp5框架ajax接口实现方法分析
2019/08/28 PHP
PHP中16个高危函数整理
2019/09/19 PHP
javascript,jquery闭包概念分析
2010/06/19 Javascript
Javascript下判断是否为闰年的Datetime包
2010/10/26 Javascript
JQuery中Bind()事件用法分析
2015/05/05 Javascript
jQuery+JSON实现AJAX二级联动实例分析
2015/12/18 Javascript
JS定时器使用,定时定点,固定时刻,循环执行详解
2016/05/31 Javascript
学习Javascript闭包(Closure)知识
2016/08/07 Javascript
基于angularjs实现图片放大镜效果
2016/08/31 Javascript
jQuery可见性过滤选择器用法示例
2016/09/09 Javascript
Angular2里获取(input file)上传文件的内容的方法
2017/09/05 Javascript
基于JavaScript实现报警器提示音效果
2017/10/27 Javascript
JavaScript ES6常用基础知识总结
2019/02/09 Javascript
Python使用functools模块中的partial函数生成偏函数
2016/07/02 Python
Python使用tkinter库实现文本显示用户输入功能示例
2018/05/30 Python
numpy使用fromstring创建矩阵的实例
2018/06/15 Python
python获取交互式ssh shell的方法
2019/02/14 Python
Python中栈、队列与优先级队列的实现方法
2019/06/30 Python
Django工程的分层结构详解
2019/07/18 Python
python找出因数与质因数的方法
2019/07/25 Python
python实现ip地址的包含关系判断
2020/02/07 Python
如何通过命令行进入python
2020/07/06 Python
matplotlib绘制鼠标的十字光标的实现(内置方式)
2021/01/06 Python
澳大利亚足球鞋和服装购物网站:Ultra Football
2018/10/11 全球购物
TIME时代杂志台湾总代理:台时亚洲
2018/10/22 全球购物
牦牛毛户外探险服装:Kora
2019/02/08 全球购物
幼儿教师个人求职信范文
2013/09/21 职场文书
员工安全生产承诺书
2014/05/22 职场文书
大学新闻系应届生求职信
2014/06/02 职场文书
环保志愿者活动方案
2014/08/14 职场文书
优秀教师个人总结
2015/02/11 职场文书
2015小学教师年度考核工作总结
2015/05/12 职场文书
校园运动会广播稿
2015/08/19 职场文书
PyTorch 如何自动计算梯度
2021/05/23 Python