JS实现网页滚动条感应鼠标变色的方法
作者：代码家园 发布时间：2024-04-18 10:52:44
标签：JS,鼠标,变色,方法
本文实例讲述了JS实现网页滚动条感应鼠标变色的方法。分享给大家供大家参考。具体实现方法如下：
<html>
<head>
<title>JS实现网页滚动条感应鼠标变色</title>
</head>
<body>
把你的目光转向右侧的滚动条看一下吧？是不是很漂亮噢？鼠标放上还会变换色彩呢？
<br><br><hr> 收集于互联网，只为兴趣与学习交流，不作商业用途。</p>
<script language="JavaScript">
<!--
function scrollBar(line,face,theme)
{
if (!line||!face)
{
line=null;
face=null;
switch(theme)
{
case "blue":
var line="#78AAFF";
var face="#EBF5FF";
break;
case "orange":
var line="#FBBB37";
var face="#FFF9DF";
break;
case "red":
var line="#FF7979";
var face="#FFE3DD";
break;
case "green":
var line="#00C600";
var face="#D1EED0";
break;
case "neo":
var line="#BC7E41";
var face="#EFE0D1";
break;
}
}
with(document.body.style)
{
scrollbarDarkShadowColor=line;
scrollbar3dLightColor=line;
scrollbarArrowColor="black";
scrollbarBaseColor=face;
scrollbarFaceColor=face;
scrollbarHighlightColor=face;
scrollbarShadowColor=face;
scrollbarTrackColor="#F3F3F3";
}
}
function colorBar(){
var w = document.body.clientWidth;
var h = document.body.clientHeight;
var x = event.clientX;
var y = event.clientY;
if(x>w) scrollBar('#000080','#BFDFFF'); // Your colors
else scrollBar(null,null,"neo"); // A predefined theme
}
if (document.all){
scrollBar(null,null,"neo");
document.onmousemove=colorBar;
}
//-->
</script>
<br />
<div style="width:100％;height:1000px;"></div>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
0
投稿猜你喜欢
- abs(number) 返回绝对值。 array(arglist) 创建一个数组。 asc(string) 返回字符串第一个字符的ansi码
在这个周末刚刚写出来的python桌面应用--网络聊天室，主要通过pyqt5作为桌面应用框架，socket作为网络编程的框架，从而实现包括客- 1. 背景最近在爬取某个站点时，发现在POST数据时，使用的数据格式是request payload，有别于之前常见的 POST数据格式（F
- 我想将一个二维数组横纵列转过来，我就不信只有我有这个需求，可是百度了好久，四海八荒都找遍了……后来证明还是大神说的google好用 ~ 第一
- 今天在继续学习Python时，打开Pycharm后，发现有一个项目下的项目文件名是红色的，如下图：刚开始我以为是我升级 Pycharm导致的
- 1.SQL Server对于SQL Server 2000来说，它提供了两个全新的函数(IDENT_CURRENT,SCOPE_IDENTI
- 1.画最简单的直线图代码如下：import numpy as np import matplotlib.pyplot as plt x=[0
- 一、缺失值的处理方法由于各种各样的原因，真实世界中的许多数据集都包含缺失数据，这些数据经常被编码成空格、nans或者是其他的占位符。但是这样
- numpy的delete是可以删除数组的整行和整列的，下面简单介绍和举例说明delete函数用法：numpy.delete(arr, obj
- 公司运营着的网站，流量很大，网站是交互式的，经常在过了三四个月的时候索引生成的碎片就很多，由于很大一部分页面没有生成静态，这就导致网站在打开
- 引言Python 是一个强大的语言，提供了许多内置函数以帮助开发者编写高效、简洁的代码。在这篇文章中，我们将深入探讨三个内置函数：map、f
- python Graham求凸包并画图python写Graham没有c++那么好写，但是python画图简单。只需要用matplotlib里
- 本文实例为大家分享了python实现UDP文件传输的具体代码，供大家参考，具体内容如下UDP协议下文件传输：服务端import socket
- 本文实例讲述了mysql存储过程原理与使用方法。分享给大家供大家参考，具体如下：存储过程包含了一系列可执行的sql语句，存储过程存放于MyS
- 前言Python中使用SSH需要用到OpenSSH，而OpenSSH依赖于paramiko模块，而paramiko模块又依赖于pycrypt
- 本文实例讲述了Python实现将Excel转换为json的方法。分享给大家供大家参考，具体如下：#-*- encoding:utf-8 -*
- Sys.path 指定用于模块搜索路径的字符串列表也可以通过sys模块的append方法在Python环境中增加搜索路径。Sys.path.
- ORM模型介绍随着项目越来越大，采用写原生SQL的方式在代码中会出现大量的SQL语句，那么问题就出现了：SQL语句重复利用率不高，越复杂的S
- 1、命令行工具概述日常命令行操作，相对应的众多命令行工具是提高生产力的必备工具，鼠标能够让用户更容易上手，降低用户学习成本。 而对于开发者，
- 数字函数 ABS():求绝对值。 CEILING():舍入到最大整数。 FLOOR():舍入到最小整数。 ROUND():四舍五入 ROUN
