《--js代码--》
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script >
var speed=30;
tuijian2.innerHtml=tuijian.innerHtml;
function Marquee()
{
if(tuijian2.offsetWidth-tuijian0.scrollleft<=0)
{
tuijian0.scrolleft-=tuijian.offsetWidth;
}
else
{
tuijian0.scrolleft++;
}
}
var myMar=setInterval(Marquee,speed);
tuijian0.onmouseover=function(){clearInterval(myMar)};
tuijian0.onmouseout=function(){myMar=setInterval(Marquee,speed)};
《--php代码--》
<div id="tuijian0" >
<div id="tuijian" >
<ul>
<h4>最新膳食<a href="product.php">更多>></a></h4>
<a href="product.php"><li ><img src="images/3.jpg" /><h5>桂鱼排骨</h5><p>市场价：￥29:00</p><p>商城价:￥20:00</p><img src="images/submit.jpg"/></li></a>
<a href="product.php"><li><img src="images/2.jpg" /><h5>桂鱼排骨</h5><p>市场价：￥29:00</p><p>商城价:￥20:00</p><img src="images/submit.jpg"/></li></a>
<a href="product.php"><li><img src="images/3.jpg" /><h5>桂鱼排骨</h5><p>市场价：￥29:00</p><p>商城价:￥20:00</p><img src="images/submit.jpg"/></li></a>
<a href="product.php"><li><img src="images/4.jpg" /><h5>桂鱼排骨</h5><p>市场价：￥29:00</p><p>商城价:￥20:00</p><img src="images/submit.jpg"/></li></a>
<a href="product.php"><li><img src="images/3.jpg" /><h5>桂鱼排骨</h5><p>市场价：￥29:00</p><p>商城价:￥20:00</p><img src="images/submit.jpg"/></li></a>
<a href="product.php"><li><img src="images/3.jpg" /><h5>桂鱼排骨</h5><p>市场价：￥29:00</p><p>商城价:￥20:00</p><img src="images/submit.jpg"/></li></a>
</ul>
</div>
<div id="ii" class="both:clear"></div>
<div id="tuijian2"></div>
</div>