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


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 相关文章推荐
WordPress 插件——CoolCode使用方法与下载
Jul 02 Javascript
编写Js代码要注意的几条规则
Sep 10 Javascript
jQuery bxCarousel实现图片滚动切换效果示例代码
May 15 Javascript
jQuery响应enter键的实现思路
Apr 18 Javascript
jquery+css3打造一款ajax分页插件(自写)
Jun 18 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
May 03 Javascript
JavaScript中setter和getter方法介绍
Jul 11 Javascript
JS实现重新加载当前页面
Nov 29 Javascript
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
Jun 19 Javascript
layui实现下拉复选功能的例子(包括数据的回显与上传)
Sep 24 Javascript
浅谈JavaScript中this的指向问题
Jul 28 Javascript
Javascript中的解构赋值语法详解
Apr 02 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的同学录程序(2)
2006/10/09 PHP
PHP MySQL应用中使用XOR运算加密算法分享
2011/08/28 PHP
php通过文件流方式复制文件的方法
2015/03/13 PHP
js里怎么取select标签里的值并修改
2012/12/10 Javascript
JavaScript全排列的六种算法 具体实现
2013/06/29 Javascript
AngularJS入门教程(一):静态模板
2014/12/06 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
2014/12/08 Javascript
基于JavaScript实现文字超出部分隐藏
2016/02/29 Javascript
Javascript动画效果(4)
2016/10/11 Javascript
jQuery动态追加页面数据以及事件委托详解
2017/05/06 jQuery
angular 组件通信的几种实现方式
2018/07/13 Javascript
vue实现组件之间传值功能示例
2018/07/13 Javascript
记录一次完整的react hooks实践
2019/03/11 Javascript
百度小程序自定义通用toast组件
2019/07/17 Javascript
Vue之beforeEach非登录不能访问的实现(代码亲测)
2019/07/18 Javascript
Windows上node.js的多版本管理工具用法实例分析
2019/11/06 Javascript
浏览器JavaScript调试功能无法使用解决方案
2020/09/18 Javascript
Django1.3添加app提示模块不存在的解决方法
2014/08/26 Python
python 寻找list中最大元素对应的索引方法
2018/06/28 Python
Pandas GroupBy对象 索引与迭代方法
2018/11/16 Python
关于Python 常用获取元素 Driver 总结
2019/11/24 Python
Python使用socket_TCP实现小文件下载功能
2020/10/09 Python
荷兰网上买鞋:MooieSchoenen.nl
2017/09/12 全球购物
Needle & Thread官网:英国仙女品牌
2018/01/13 全球购物
StubHub澳大利亚:购买或出售您的门票
2019/08/01 全球购物
澳大利亚顶级美发和美容贸易超市:glamaCo
2020/01/19 全球购物
室内设计专业个人的自我评价
2013/10/19 职场文书
土木建筑学生自我评价
2014/01/14 职场文书
秋季运动会广播稿大全
2014/02/17 职场文书
追悼会主持词
2014/03/20 职场文书
综合内勤岗位职责
2014/04/14 职场文书
幼儿园六一亲子活动方案
2014/08/26 职场文书
2014年街道办事处工作总结
2014/12/11 职场文书
2015年教研员工作总结
2015/05/26 职场文书
mysql定时自动备份数据库的方法步骤
2021/07/07 MySQL
Spring Security动态权限的实现方法详解
2022/06/16 Java/Android