1顶

鼠标改变滚动条

稿源：互联网 2022-05-08 07:30:15 点击： 1611 撤稿纠错

把鼠标移动到页面右边的滚动条看看效果，滚动条是否改变颜色了呢？

以下讨论的是和滚动条特效相关的鼠标改变滚动条教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
把如下代码加入<body>区域中
<script language="JavaScript">
var expdate=new Date();
macDate(expdate);
expdate.setTime(expdate.getTime()+(24*60*60*1000)*180); // 6 months from now
var agent=navigator.userAgent;
window.onresize= NSFix;
document.onmousemove=colorBar;
function CheckBrow(){
var ver = navigator.appVersion;
var ver3= (parseInt(ver)<4)?1:0;
var ie4 = document.all?1:0;
var ie5 = (ie4&&ver.indexOf("5.")>=0)?1:0;
var ie55= (ie4&&ver.indexOf("5.5")>=0)?1:0;
var ie6= (ie4&&ver.indexOf("6.")>=0)?1:0;
var ns4 = (document.layers)?1:0;
var ns6 = (navigator.userAgent.indexOf("Gecko")>0&&document.getElementById)?1:0;
if(ver3){
alert('Your browser is too old to be capable ofnviewing this web site.');
window.history.back(-1)}}

/*---------------------------[String Chars Replacer]----------------------------*/
function strReplace(string,character,replacement)
{
vara=string.split(character);
varb=a[0];
for (i=1;i<a.length;i++)
{
b+=replacement;
b+=a[i];
}
return b;
}
/*-------------------------[IE 5.5 ScrollBars Function]--------------------------*/
function scrollBars(theme)
{

switch(theme)
{
case "grey":
var line="#78AAFF";
var face="#EBF5FF";
break;
case "blue":
var line="#B4B4B4";
var face="#EEEEEE";
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;
}
if((agent.indexOf("5.5")||agent.indexOf("6."))&&document.all)
{
with(document.body.style)
{
scrollbarDarkShadowColor=line;
scrollbar3dLightColor=line;
scrollbarArrowColor="black";
scrollbarBaseColor=face;
scrollbarFaceColor=face;
scrollbarHighlightColor=face;
scrollbarShadowColor=face;
scrollbarTrackColor="#F3F3F3";
}
}
}

/*---------------------[scrollPainter v1.0 for IE 5.5 ]-----------------------*/
function colorBar()
{
if((agent.indexOf("5.5")||agent.indexOf("6."))&&document.all)
{
var w = document.body.clientWidth;
var h = document.body.clientHeight;
var x = event.clientX;
var y = event.clientY;
if((x>w&&x<w+16)||(y>h&&y<h+16)) scrollBars('grey');
else scrollBars('blue'); // A predefined theme
}
else return;
}
/*------------------------[Image Enlightment Tools]---------------------------*/
function highlightIt(image)
{
if (image.filters.alpha.opacity<100) image.filters.alpha.opacity+=5
else if (window.highlight) clearInterval(highlight);
}

function high(image)
{
highlight=setInterval("highlightIt(image)",10);
}

关于鼠标改变滚动条的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200807191408.shtml方便下次再访问哦。

·上一篇： 鼠标右击弹出菜单
·下一篇： 点击鼠标的宣传框

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

鼠标改变滚动条

文章分类LIST >>返回首页

最新游戏

最新新闻