Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Как задать стили для scrollbar?


Автор: Lion_SKZD 25.1.2005, 17:02
Всем привет!! С Ростова-на-Дону!


Как сделать так чтоб у Explorera менялся цвет скролов боковых и нижних!!!

Заранее признателен!!!


Автор: Alx 25.1.2005, 17:52
Код

<style>
body {
scrollbar-face-color: #99ccff;
scrollbar-shadow-color: #ffccFF;
scrollbar-highlight-color: #00DAFF;
scrollbar-3dlight-color: #9999FF;
scrollbar-darkshadow-color: #9999fF;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #FFccFF;
}
</style>

Автор: Aliance 25.1.2005, 18:07
А если с помощью JavaScript, то у меня где-то был не мой скрипт:
Код

<HTML>
<head>

</head>

<body>

<script language="JavaScript1.2">
<!--
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 || y-3 > h) scrollBar('#000080', '#BFDFFF');
 else scrollBar(null,null,"neo");
}

if (document.all){
scrollBar(null,null,"neo");
document.onmousemove=colorBar;
}

function offscreen(){
scrollBar(null,null,"neo");
}

document.onmouseout=offscreen;
//-->
</script>


</body>
</HTML>


PS: понадобиться совместимый код - пиши, переделаем :-)

Автор: Lyapko 3.10.2005, 21:20
А возможно ли правый скрол заменить на графический, т.е. три картинки, верх середина и низ!!!! smile

Автор: R.M. 4.10.2005, 08:10
Lyapko

Помню был тут гдето графический скролл для textarea, работал он тока в ИЕ, в остальных весь текст вылез из textarea и скролл не нажимался,так что подумай, надо ли тебе это?

Автор: Lyapko 6.10.2005, 22:20
Мне не в текст арию надо, мне обычный ползунок, который у всех справа, просто как-то надо сделать чтоб у пользователя загружалась графика и всё отлично отображалась!!!!

Автор: Sardar 6.10.2005, 23:09
Не реально. Пока ставить графику в скролбары нельзя, да и не нужно. Были случаи когда народ отключал скролбары вообще и ставил свои картинки рядом, затем крутил контент скриптами. Довольно криво ИМXО и лишнее это для серьёзного проекта.

Автор: Payne 8.10.2005, 13:07
Цитата
Помню был тут гдето графический скролл для textarea, работал он тока в ИЕ, в остальных весь текст вылез из textarea и скролл не нажимался,так что подумай, надо ли тебе это?

Ведь Lion_SKZD ясно сказал, что ему нужно именно для IE:

Цитата(Lion_SKZD @ 25.1.2005, 16:02)
Как сделать так чтоб у Explorera менялся цвет скролов боковых и нижних!!!

Кстати, стили скроллов, приведенные Alx, поддерживаются тоже только IE.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)