Sliding images example

Posted by Sandhyab under jQuery category on | Points: 40 | Views : 1947
css and script:
<style type="text/css">
margin: 0;
padding: 0;

ul.slidy-menu li
background-color: #454545;
border-top: 1px solid #555;
border-right: 1px solid #555;
float: left;
list-style: none;
text-align: center;
vertical-align: middle;

ul.slidy-menu li a
color: #F1F1F1;
cursor: pointer;
display: block;
font: 11px sans-serif;
height: 23px;
letter-spacing: 1px;
padding-top: 11px;
text-decoration: none;

ul li.slidy-link-selected a
background-color: #353535;
color: #FFFBDE;
text-shadow: #444 1px 1px;
<script type="text/javascript" src="JS/jquery.js"></script>
<script type="text/javascript" src="JS/jquery.slidy.js"></script>
<script type="text/javascript" src="JS/jquery.slidy.min.js"></script>
<script type="text/javascript">
$(function () {

children: 'a',
menu: true,
pause: true,
speed: 100,
time: 4000,
animation: 'slide',
width: 750,
height: 255


<div id="menu">
<a href="#">
<img src="Images/1.jpg" title="Win A Car " /></a>
<a href="#">
<img src="Images/2.jpg" title="Casual Wear" /></a>
<a href="#">
<img src="Images/3.jpg" title="Gadgets" /></a>
<a href="#">
<img src="Images/4.jpg" title="Digital" /></a>


Comments or Responses

Login to post response