利用网页滚动条实现鼠标颜色变化的方法

利用网页滚动条实现鼠标颜色变化的方法
本文举例说明js通过网页滚动条实现鼠标颜色变化的方法,供大家参考,具体实现方法如下:

复制代码代码如下所示:
鼠标的滚动条变色感应JS实现Web
把你的眼睛向右边的滚动条,看看它吗它很漂亮,不是吗你能改变一下鼠标的颜色吗

收集在互联网上,仅供兴趣和学习交流,不作商业用途。
<!——

功能的滚动条(线、面、主题)

{

如果(!线| |!脸)

{

行=空;

面=空;

开关(主题)

{

蓝色:

VaR线=# 78aaff ;

VaR的脸=# ebf5ff ;

打破;

案例橙色:

VaR线=# fbbb37 ;

VaR的脸=# fff9df ;

打破;

红色:

VaR线=# ff7979 ;

VaR的脸=# ffe3dd ;

打破;

案例绿色:

VaR线=# 00c600 ;

VaR的脸=# d1eed0 ;

打破;

案例新:

VaR线=# bc7e41 ;

VaR的脸=# efe0d1 ;

打破;

}

}

具有(文档,正文,样式)

{

scrollbardarkshadowcolor =线;

scrollbar3dlightcolor =线;

scrollbararrowcolor =黑;

scrollbarbasecolor =脸;

scrollbarfacecolor =脸;

scrollbarhighlightcolor =脸;

scrollbarshadowcolor =脸;

scrollbartrackcolor =# f3f3f3 ;

}

}

功能彩条(){

无功W = document.body.clientwidth;

var H = document.body.clientheight;

var x = event.clientx;

var y = event.clienty;

如果(x > W)滚动条(' # 000080 ',' # bfdfff '); / /你的颜色

其他的滚动条(null,null,新); / /一个预定义的主题

}

如果(文件all){

滚动条(null,null,新);

文件移动鼠标=彩条;

}


希望本文能对大家的javascript程序设计有所帮助。

tag:鼠标滚动条方法网页颜色

相关内容