- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
FAQs
General Tutorials
og体育首页ONE Subscrioption
jQuery Slider
March 17, 2011
This is a simple horizontal slider script based on jQuery Framework.
JavaScript
In order to make the script work, the index-#.html file should contain these lines of code before the closing tag:
HTML
Below you can see general HTML script representation:
The slider consists of 3 main elements: left slide arrow – .box-left, the slider box – .box-top, and the right arrow – .box-right.
The slider itself is represented with a bulleted list (- slider-list”> tag). In order to add another slide you just need to add a bulleted list item (
- tag with
content).
CSS
You can find script related stylesheet in the main style.css file.
