Posts

Showing posts from June, 2015

jQuery split long ul list to multiple UL

1. HTML code <ul id="bigList"> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem&

Scroll to bottom of image when mouse over

1. Css Code <style type="text/css">             .image-bg {                 margin:0;                 padding:0;                 background-image: url("landingpage_07.jpg");                 background-repeat: no-repeat;                 display: inline-block;                 height: 344px;                 padding-top: 31px;                 position: relative;                 width: 457px;             }             .image-bg:hover .image-shop-scroll {                 background-position: center 100% !important;             }             .image-bg .image-shop-scroll {                 transition: all 5s ease-out 0s;             }             .image-bg .image-shop-scroll {                 background-position: center 0;                 background-repeat: no-repeat;                 height: 313px;                 left: 0;                 margin-bottom: 20px;                 overflow: hidden;                 position: absolute;                 width: 100%;