1、调用CSS样式:
<link rel="stylesheet" href="css/style.css" type="text/css" />
2、调用JS插件代码:
<script type="text/javascript" src="js/jquery.1.4.2-min.js"></script>
3、添加HTML代码:
将
<!--效果html开始-->......
<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
4、JS代码:
<script type="text/javascript">
$(document).ready(function(){
$(".brands-list li a").hover(function(){
$(this).find(".shine").stop();
$(this).find(".shine").css("background-position","-160px 0");
$(this).find(".shine").animate({backgroundPosition: '160px 0'},500);
$(this).find(".title").stop().animate({left:'0px'},{queue:false,duration:450});
},function(){
$(this).find(".title").stop().animate({left:'-160px'},{queue:false,duration:200});
});
});
</script>