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


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 浮动广告实现代码
Dec 25 Javascript
javascript 带有滚动条的表格,标题固定,带排序功能.
Nov 13 Javascript
firefox插件Firebug的使用教程
Jan 02 Javascript
JavaScript 语言的递归编程
May 18 Javascript
javascript采用数组实现tab菜单切换效果
Dec 12 Javascript
js中的push和join方法使用介绍
Oct 08 Javascript
jquery动态添加删除一行数据示例
Jun 12 Javascript
javascript适合移动端的日期时间拾取器
Nov 10 Javascript
理解Javascript的call、apply
Dec 16 Javascript
浅析如何利用JavaScript进行语音识别
Oct 27 Javascript
微信开发之调起摄像头、本地展示图片、上传下载图片实例
Dec 08 Javascript
GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析
Jun 15 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学习资源和链接.
2006/12/05 PHP
PHP IE中下载附件问题解决方法
2014/01/07 PHP
强制PHP命令行脚本单进程运行的方法
2014/04/15 PHP
Laravel 5框架学习之表单验证
2015/04/08 PHP
PHP 读取文本文件内容并分页显示
2016/01/02 PHP
php将print_r处理后的数据还原为原始数组的解决方法
2016/11/02 PHP
PHP超全局变量实现原理及代码解析
2020/09/01 PHP
Javascript insertAfter() 实现函数代码
2011/10/12 Javascript
九种js弹出对话框的方法总结
2013/03/12 Javascript
深入探讨JavaScript String对象
2015/03/09 Javascript
Ext JS 实现建议词模糊动态搜索功能
2017/05/13 Javascript
Vue 组件间的样式冲突污染
2017/08/31 Javascript
Vue加载组件、动态加载组件的几种方式
2018/08/31 Javascript
jQuery操作attr、prop、val()/text()/html()、class属性
2019/05/23 jQuery
Node配合WebSocket做多文件下载以及进度回传
2019/11/07 Javascript
解决qrcode.js生成二维码时必须定义一个空div的问题
2020/07/09 Javascript
[03:20]2015国际邀请赛全明星表演赛
2015/08/08 DOTA
在Python的Django框架中用流响应生成CSV文件的教程
2015/05/02 Python
简单谈谈python中的多进程
2016/11/06 Python
Python实现读写INI配置文件的方法示例
2018/06/09 Python
python实现输出一个序列的所有子序列示例
2019/11/18 Python
Python编程快速上手——Excel表格创建乘法表案例分析
2020/02/28 Python
python+adb命令实现自动刷视频脚本案例
2020/04/23 Python
纯CSS3实现的井字棋游戏
2020/11/25 HTML / CSS
HTML5 Canvas鼠标与键盘事件demo示例
2013/07/04 HTML / CSS
html5 的a标签 Href 拨电话的写法
2013/11/04 HTML / CSS
Expedia泰国:预订机票、酒店和旅游包(航班+酒店)
2016/09/27 全球购物
Jo Malone美国官网:祖玛珑香水
2017/03/27 全球购物
英国奢侈皮具品牌:Aspinal of London
2018/09/02 全球购物
JAVA高级程序员面试题
2013/09/06 面试题
心理健康活动总结
2014/04/30 职场文书
六一儿童节演讲稿
2014/05/23 职场文书
党的群众路线教育实践活动专题组织生活会发言材料
2014/10/17 职场文书
2015年保洁工作总结范文
2015/04/28 职场文书
招商银行收入证明
2015/06/17 职场文书
JavaScript实现优先级队列
2021/12/06 Javascript