Zero Weight JavaScript Library
Выбрано: 0 | Русский

Здесь представлены несколько графических тем для скроллера.

Графические темы z.TabSet

Назад

controls/scrollbar/default

Тема по умолчанию

За основу взята графическая тема из Windows XP.

<div
	style="height: 150px; width: 50px; border: 1px solid gray; position: relative;">

<div class="basic_scrollbar"></div>
</div>
<script type="text/javascript">
z.document.ready(function(){
	z.document.select({'_t':'div','_c':'basic_scrollbar'},null,z.controls.ScrollBar);
});
</script>
зависимости: controls/scrollbar.js
Файлов: 2
файл размер
default.css 1.84 KBs
vscroller.gif 1.82 KBs

controls/scrollbar/gnome

Gnome

За основу взята графическая тема из Gnome.

<div
	style="height: 150px; width: 50px; border: 1px solid gray; position: relative;">

<div class="scrollbar_gnome"></div>
</div>
зависимости: controls/scrollbar.js
Файлов: 4
файл размер
scrollbar.css 1.89 KBs
scrollbar.js 139 bytes
scrollbar.png 3.07 KBs
spacer.gif 43 bytes

controls/scrollbar/winnt

WinNT

За основу взята графическая тема из Windows XP.

<div
	style="height: 150px; width: 50px; border: 1px solid gray; position: relative;">

<div class="scrollbar_winnt"></div>
</div>
зависимости: controls/scrollbar.js
Файлов: 4
файл размер
scrollbar.css 3.83 KBs
scrollbar.js 139 bytes
scrollbar.png 688 bytes
spacer.gif 43 bytes

controls/scrollbar/safari

Safari

За основу взята графическая тема из Safari. Вот что я не реализовал так это их красивый переливающийся фон. Тема реализована при помощи прозначного png, поэтому в IE6 работать не будет.

<div
	style="height: 150px; width: 50px; border: 1px solid gray; position: relative;">

<div class="scrollbar_safari"></div>
</div>
зависимости: controls/scrollbar.js
Файлов: 5
файл размер
scrollbar.css 1.85 KBs
scrollbar.js 146 bytes
scrollbar.png 5.43 KBs
safari.js 4.26 KBs
spacer.gif 43 bytes

controls/scrollbar/konqueror

Konqueror

За основу взята графическая тема из bраузера Konquarer. Тема реализована при помощи прозначного png, поэтому в IE6 работать не будет.

<div
	style="height: 150px; width: 50px; border: 1px solid gray; position: relative;">

<div class="scrollbar_konqueror"></div>
</div>
зависимости: controls/scrollbar.js
Файлов: 4
файл размер
scrollbar.css 2.39 KBs
scrollbar.js 143 bytes
scrollbar.png 2.74 KBs
spacer.gif 43 bytes