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


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 相关文章推荐
IE8 原生JSON支持
Apr 13 Javascript
Jquery获取和修改img的src值的方法
Feb 17 Javascript
jquery中val()方法是从最后一个选项往前读取的
Sep 06 Javascript
jQuery实现form表单基于ajax无刷新提交方法详解
Dec 08 Javascript
canvas实现绘制吃豆鱼效果
Jan 12 Javascript
js实现横向拖拽导航条功能
Feb 17 Javascript
用angular实现多选按钮的全选与反选实例代码
May 23 Javascript
javascript基本常用排序算法解析
Sep 27 Javascript
原生JS实现 MUI导航栏透明渐变效果
Nov 07 Javascript
基于Vue实现拖拽效果
Apr 27 Javascript
JavaScript展开操作符(Spread operator)详解
Jul 20 Javascript
vue-cli3.X快速创建项目的方法步骤
Nov 14 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 自定义错误处理函数trigger_error()
2013/03/26 PHP
PHP获取数组最后一个值的2种方法
2015/01/21 PHP
PHP中常用的数组操作方法笔记整理
2016/05/16 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
php设计模式之职责链模式实例分析【星际争霸游戏案例】
2020/03/27 PHP
(JS实现)MapBar中坐标的加密和解密的脚本
2007/05/16 Javascript
Jquery封装tab自动切换效果的具体实现
2013/07/13 Javascript
用jQuery获取IE9下拉框默认值问题探讨
2013/07/22 Javascript
JS中Date日期函数中的参数使用介绍
2014/01/02 Javascript
jquery实现点击变换导航样式的方法
2015/08/31 Javascript
每天一篇javascript学习小结(基础知识)
2015/11/10 Javascript
利用Angularjs实现幻灯片效果
2016/09/07 Javascript
完美解决js传递参数中加号和&amp;号自动改变的方法
2016/10/11 Javascript
JavaScript面向对象分层思维全面解析
2016/11/22 Javascript
jQuery序列化表单成对象的简单实现
2016/11/29 Javascript
浅析Angular2子模块以及异步加载
2017/04/24 Javascript
JavaScript异步上传图片文件的实例代码
2017/07/04 Javascript
在Vue项目中使用d3.js的实例代码
2018/05/01 Javascript
D3.js实现拓扑图的示例代码
2018/06/30 Javascript
vue中实现拖动调整左右两侧div的宽度的示例代码
2020/07/22 Javascript
使用python PIL库实现简单验证码的去噪方法步骤
2019/05/10 Python
Django如何防止定时任务并发浅析
2019/05/14 Python
python实现二级登陆菜单及安装过程
2019/06/21 Python
python爬虫解决验证码的思路及示例
2019/08/01 Python
利用CSS3实现自定义滚动条代码分享
2016/08/18 HTML / CSS
俄罗斯卫浴采暖及维修用品超级市场:Dkrussia
2020/05/12 全球购物
求两个数的乘积和商数,该作用由宏定义来实现
2013/03/13 面试题
为什么要做架构设计
2015/07/08 面试题
行政助理岗位职责
2013/11/10 职场文书
质检部职责
2013/12/28 职场文书
我的大学生活演讲稿
2014/04/25 职场文书
小学生演讲稿大全
2014/04/25 职场文书
销售人员工作自我评价
2014/09/21 职场文书
2014幼儿园保育员工作总结
2014/11/10 职场文书
2014年扶贫帮困工作总结
2014/12/09 职场文书
MySQL控制流函数(-if ,elseif,else,case...when)
2022/07/07 MySQL