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


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 相关文章推荐
JQuery 获取和设置Select选项的代码
Feb 07 Javascript
使用Java实现简单的server/client回显功能的方法介绍
May 03 Javascript
js onload处理html页面加载之后的事件
Oct 30 Javascript
浅谈JavaScript字符串拼接
Jun 25 Javascript
基于JS实现无缝滚动思路及代码分享
Jun 07 Javascript
javaScript语法总结
Nov 25 Javascript
canvas实现动态小球重叠效果
Feb 06 Javascript
JS得到当前时间的方法示例
Mar 24 Javascript
vue路由事件beforeRouteLeave及组件内定时器的清除方法
Sep 29 Javascript
layui递归实现动态左侧菜单
Jul 26 Javascript
使用pkg打包ThinkJS项目的方法步骤
Dec 30 Javascript
js中复选框的取值及赋值示例详解
Oct 18 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编程语言开发动态WAP页面
2006/10/09 PHP
PHP+Mysql树型结构(无限分类)数据库设计的2种方式实例
2014/07/15 PHP
PHP+Ajax实现验证码的实时验证
2016/07/20 PHP
PHP+MYSQL实现读写分离简单实战
2017/03/13 PHP
PHPUnit + Laravel单元测试常用技能
2019/11/06 PHP
基于jQuery的ajax功能实现web service的json转化
2009/08/29 Javascript
使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体
2013/01/15 Javascript
Mac OS X 系统下安装和部署Egret引擎开发环境
2014/09/03 Javascript
javascript实现树形菜单的方法
2015/07/17 Javascript
Vue.js基础知识汇总
2016/04/27 Javascript
通过扫描二维码打开app的实现代码
2016/11/10 Javascript
js Canvas实现的日历时钟案例分享
2016/12/25 Javascript
js清除浏览器缓存的几种方法
2017/03/15 Javascript
React-router中结合webpack实现按需加载实例
2017/05/25 Javascript
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤
2017/08/07 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
2019/04/12 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
2019/07/24 Javascript
JS localStorage存储对象,sessionStorage存储数组对象操作示例
2020/02/15 Javascript
vue组件库的在线主题编辑器的实现思路
2020/04/03 Javascript
一篇文章带你搞懂Vue虚拟Dom与diff算法
2020/08/25 Javascript
在Python中操作字典之fromkeys()方法的使用
2015/05/21 Python
Python解析命令行读取参数--argparse模块使用方法
2018/01/23 Python
将Python字符串生成PDF的实例代码详解
2019/05/17 Python
python 读取修改pcap包的例子
2019/07/23 Python
用python求一重积分和二重积分的例子
2019/12/06 Python
关于Python中定制类的比较运算实例
2019/12/19 Python
在python image 中实现安装中文字体
2020/05/16 Python
一款纯css3实现的响应式导航
2014/10/31 HTML / CSS
神路信息Java面试题目
2013/03/31 面试题
WEB控件及HTML服务端控件能否调用客户端方法?如果能,请解释如何调用?
2015/08/25 面试题
介绍下java.util.Arrays类
2012/10/16 面试题
年终考核评语
2014/01/19 职场文书
大学毕业感言一句话
2014/02/06 职场文书
导游词之澳门玫瑰圣母堂
2019/12/03 职场文书
使用react-virtualized实现图片动态高度长列表的问题
2021/05/28 Javascript
人物搭配车车超萌联名预备中 【咒术迴战】 ⨯ 【天竺鼠车车】 展开合作
2022/04/11 日漫