船长 发表于 2009-02-23 11:18 | 分类：jQuery | 阅读数：566 次
商品循坏旋转广告代码(js+css)，转自zcool，小缺点就是转动不是很流畅
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> <title>商品循坏旋转js+css广告代码</title> <script type="text/javascript" src="http://www.songlecn.com/wp-content/files/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="http://www.songlecn.com/wp-content/supload/2009/02/23/carousel.js"></script> <script type="text/javascript" src="http://www.songlecn.com/wp-content/supload/2009/02/23/iutil.js"></script> <script type="text/javascript" src="http://www.songlecn.com/wp-content/supload/2009/02/23/carousel2.js"></script> <link href="http://www.songlecn.com/wp-content/supload/2009/02/23/css.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="mall_hot_center10"> <div id="carousel"> <a href="#" id="#" target="_blank" name="长名字`|`短名字`|`价格"><img src="http://www.songlecn.com/wp-content/supload/2009/02/23/sample.jpg" width="100%" height="100%" class="roll"/></a> <a href="#" id="#" target="_blank" name="长名字`|`短名字`|`价格"><img src="http://www.songlecn.com/wp-content/supload/2009/02/23/sample.jpg" width="100%" height="100%" class="roll"/></a> <a href="#" id="#" target="_blank" name="长名字`|`短名字`|`价格"><img src="http://www.songlecn.com/wp-content/supload/2009/02/23/sample.jpg" width="100%" height="100%" class="roll"/></a> <a href="#" id="#" target="_blank" name="长名字`|`短名字`|`价格"><img src="http://www.songlecn.com/wp-content/supload/2009/02/23/sample.jpg" width="100%" height="100%" class="roll"/></a> <a href="#" id="#" target="_blank" name="长名字`|`短名字`|`价格"><img src="http://www.songlecn.com/wp-content/supload/2009/02/23/sample.jpg" width="100%" height="100%" class="roll"/></a> <a href="#" id="#" target="_blank" name="长名字`|`短名字`|`价格"><img src="http://www.songlecn.com/wp-content/supload/2009/02/23/sample.jpg" width="100%" height="100%" class="roll"/></a> <a href="#" id="#" target="_blank" name="长名字`|`短名字`|`价格"><img src="http://www.songlecn.com/wp-content/supload/2009/02/23/sample.jpg" width="100%" height="100%" class="roll"/></a> <a href="#" id="#" target="_blank" name="长名字`|`短名字`|`价格"><img src="http://www.songlecn.com/wp-content/supload/2009/02/23/sample.jpg" width="100%" height="100%" class="roll"/></a> <a href="#" id="#" target="_blank" name="长名字`|`短名字`|`价格"><img src="http://www.songlecn.com/wp-content/supload/2009/02/23/sample.jpg" width="100%" height="100%" class="roll"/></a> <a href="#" id="#" target="_blank" name="长名字`|`短名字`|`价格"><img src="http://www.songlecn.com/wp-content/supload/2009/02/23/sample.jpg" width="100%" height="100%" class="roll"/></a> <a href="#" id="#" target="_blank" name="长名字`|`短名字`|`价格"><img src="http://www.songlecn.com/wp-content/supload/2009/02/23/sample.jpg" width="100%" height="100%" class="roll"/></a> <a href="#" id="#" target="_blank" name="长名字`|`短名字`|`价格"><img src="http://www.songlecn.com/wp-content/supload/2009/02/23/sample.jpg" width="100%" height="100%" class="roll"/></a> <div class="mall_hot_mo" id="carousel_viewdiv"> <div class="mall_hot_mo_pic"></div> <div class="mall_hot_mo_text"></div> <div class="mall_hot_mo_price"></div> </div> </div> </div> </body> </html>
提示：你可以先修改部分代码再运行。
您的网名： * 必填
电子邮件： * 绝不会泄露
个人主页：
评论内容：
(Ctrl+Enter快捷回复)
web集结号致力于
