<!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=gb2312" /> <meta name="keywords" content="JS代码,图片特效,JS广告代码,JS特效代码" /> <meta name="description" content="此代码内容为四图横向滚动效果（可自动可手动），属于站长常用代码，更多图片特效代码请访问xw素材网JS代码频道。" /> <title>jquery图片左右无缝滚动带有手动和自动图片滚动_xw素材网</title> <link type="text/css" href="css/jq22.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jq22.js"></script> </head> <body> <br /><!-- 代码开始 --> <div class="box"> <div class="picbox"> <ul class="piclist mainlist"> <li><a href="http://www.jq22.com/" target="_blank"><img src="images/1.jpg" width="220" height="105" /></a></li> <li><a href="http://www.jq22.com/" target="_blank"><img src="images/2.jpg" /></a></li> <li><a href="http://www.jq22.com/" target="_blank"><img src="images/3.jpg" /></a></li> <li><a href="http://www.jq22.com/" target="_blank"><img src="images/3.jpg" /></a></li> <li><a href="http://www.jq22.com/" target="_blank"><img src="images/3.jpg" /></a></li> <li><a href="http://www.jq22.com/" target="_blank"><img src="images/3.jpg" /></a></li> <li><a href="http://www.jq22.com/" target="_blank"><img src="images/3.jpg" /></a></li> <li><a href="http://www.jq22.com/" target="_blank"><img src="images/3.jpg" /></a></li> <li><a href="http://www.jq22.com/" target="_blank"><img src="images/3.jpg" /></a></li> <li><a href="http://www.jq22.com/" target="_blank"><img src="images/3.jpg" /></a></li> </ul> <ul class="piclist swaplist"> </ul> </div> <div class="og_prev"></div> <div class="og_next"></div> </div> <!-- 代码结束 --> <style type="text/css">.footer p{font:normal 12px/2em ‘微软雅黑‘;text-align:center;}</style> </body> </html> |
图片滚动js代码
原文地址：https://www.cnblogs.com/apolloren/p/9094598.html