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


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 写类方式之六
Jul 05 Javascript
JavaScript 定义function的三种方式小结
Oct 16 Javascript
jquery的键盘事件修改代码
Feb 24 Javascript
深入理解JavaScript系列(4) 立即调用的函数表达式
Jan 15 Javascript
js实现百度联盟中一款不错的图片切换效果完整实例
Mar 04 Javascript
javascript js 操作数组 增删改查的简单实现
Jun 20 Javascript
a标签置灰不可点击的实现方法
Feb 06 Javascript
VUE开发一个图片轮播的组件示例代码
Mar 06 Javascript
关于 angularJS的一些用法
Nov 29 Javascript
Vue2.0点击切换类名改变样式的方法
Aug 22 Javascript
微信小程序文字显示换行问题
Jul 28 Javascript
在 HTML 页面中使用 React的场景分析
Jan 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+DBM的同学录程序(3)
2006/10/09 PHP
PHP制作百度词典查词采集器
2015/01/29 PHP
php遍历类中包含的所有元素的方法
2015/05/12 PHP
你应该知道PHP浮点数知识
2015/05/13 PHP
PHP基于openssl实现的非对称加密操作示例
2019/01/11 PHP
基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼
2006/12/06 Javascript
javascript不同页面传值的改进版
2008/09/30 Javascript
判断浏览器的javascript版本的代码
2010/09/03 Javascript
js常用代码段收集
2011/10/28 Javascript
对table和ul实现js分页示例分享
2014/02/24 Javascript
jQuery实现左右切换焦点图
2015/04/03 Javascript
jQuery+formdata实现上传进度特效遇到的问题
2016/02/24 Javascript
Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统
2016/05/27 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
2016/11/21 Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
2017/01/15 Javascript
JS触摸事件、手势事件详解
2017/05/04 Javascript
jQuery 中msgTips 顶部弹窗效果实现代码
2017/08/14 jQuery
Python3中的真除和Floor除法用法分析
2016/03/16 Python
速记Python布尔值
2017/11/09 Python
Python机器学习之决策树算法
2017/12/22 Python
tensorflow获取变量维度信息
2018/03/10 Python
使用pandas批量处理矢量化字符串的实例讲解
2018/07/10 Python
python使用matplotlib画饼状图
2018/09/25 Python
OpenCV 边缘检测
2019/07/10 Python
基于多进程中APScheduler重复运行的解决方法
2019/07/22 Python
Python3.7 读取 mp3 音频文件生成波形图效果
2019/11/05 Python
Django 删除upload_to文件的步骤
2020/03/30 Python
Python爬取微信小程序通用方法代码实例详解
2020/09/29 Python
英国现代绅士品牌:Hackett
2017/12/17 全球购物
咖啡馆创业计划书
2014/01/26 职场文书
师范大学生求职信
2014/06/13 职场文书
销售顾问工作计划书
2014/09/15 职场文书
诉讼代理人授权委托书
2014/10/11 职场文书
项目战略合作意向书
2015/05/08 职场文书
返乡农民工证明
2015/06/24 职场文书
获奖感言一句话
2015/07/31 职场文书