sphere (Vertical)

From Documentation
Revision as of 09:22, 9 September 2010 by Elton776 (talk | contribs)


This is the sphere (Vertical) mold for Slider.

Source

The CSS source for from GitHub


Structure

Slider-sphere-ver1.jpg

Slider-sphere-ver2.jpg


Events

CSS\Action Normal (Open) Hover Click, Select, and Drag. Focus Focus and Hover Disable
Naming: .z-slider-sphere-ver
Supported: V

Note: An exclamation mark(!) means that the action effect is done by CSS background , not CSS background-position


CSS\Action Normal (Open) Hover Click, Select, and Drag. Focus Focus and Hover Disable
Naming: .z-slider-sphere-ver-btn -over -drag
Supported: V V V

Note: An exclamation mark(!) means that the action effect is done by CSS background , not CSS background-position

CSS Specification

Class Name Description Default Values
.z-slider-sphere-ver The scroll bar background:transparent no-repeat scroll left 0;

background-image:url(${c:encodeURL('~./zul/img/slider/slider-bg-ver.png')});

font-size:0; width:22px; line-height:0; margin-bottom:7px; zoom:1;

.z-slider-sphere-ver-center The bottom of scroll bar background:transparent no-repeat scroll -22px bottom;

background-image:url(${c:encodeURL('~./zul/img/slider/slider-bg-ver.png')});

font-size:0; width:22px; line-height:0; margin-bottom:-7px; position:relative; zoom:1;

.z-slider-sphere-ver-btn The scroll button width: 15px; height: 15px; position: absolute; left: 4px; bottom: 0;

background-color : transparent; background-image : url(${c: encodeURL('~./zul/img/slider/slider-v-circle.png')});

background-repeat : no-repeat; background-position : 0 0;



Last Update : 2010/09/09

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.