首页 > 网页特效 > 图片特效 > 家乐福网站三屏跑马灯jQuery特效图片代码

家乐福网站三屏跑马灯jQuery特效图片代码

时间:2010-09-22    来源:互联网

来自家乐福网站的三屏跑马灯促销产品图片效果,基于jQuery库,使用简单,效果不错。

使用方法:

1.在<head>区加入以下代码

<LINK media=all href="css/css.css" type=text/css rel=stylesheet>
<script src="js/jquery-1.2.6.min.js" type=text/javascript></script>
<script src="js/css.js" type=text/javascript></script>

2.在<body>区加入以下代码

<div class=module-title>
  <H3>促销产品</H3>
 </div>
 <div class="js j_index_carouseProduct" id=sales-product-main>
      <ul>
        <li class=order1><a class="a1" href="http://www.5icool.org/" target="_blank"><img alt="酷站代码" src="images/k10211650.jpg" /></a>
            <p><a  href="http://www.5icool.org/" target="_blank">三得利维体运动饮料<br /> 促销价<span class=price_symbol>¥</span><span class=price_num>0.</span><span class=price_change>00</span></a></p> </li> ...具体见演示文件。 </ul> </div>

特效推荐

热门特效