av and dn class names appended to existing class name about slider

[jssor]

As ie 7 or earlier doesn't recognize multi class names. The main purpose is to be compatible with old browsers. For the experience by specifying single class for button like element, we benefit on good performance with all browsers.

The methodology in jssor to implement a button like element is,
Given an element with class name 'yourclassname', it will add 'dn' suffix on mousedown, 'av' on active and 'ds' on disabled.

Open 'skin\arrow-01.source.html', you will see typical css for arrow navigator,

        <style>
            /* jssor slider arrow navigator skin 01 css */
            /*
            .jssora01l              (normal)
            .jssora01r              (normal)
            .jssora01l:hover        (normal mouseover)
            .jssora01r:hover        (normal mouseover)
            .jssora01ldn            (mousedown)
            .jssora01rdn            (mousedown)
            */
            .jssora01l, .jssora01r, .jssora01ldn, .jssora01rdn
            {
                position: absolute;
                cursor: pointer;
                display: block;
                background: url(../img/a01.png) no-repeat;
                overflow:hidden;
            }
            .jssora01l { background-position: -8px -38px; }
            .jssora01r { background-position: -68px -38px; }
            .jssora01l:hover { background-position: -128px -38px; }
            .jssora01r:hover { background-position: -188px -38px; }
            .jssora01ldn { background-position: -8px -38px; }
            .jssora01rdn { background-position: -68px -38px; }
        </style>