|
热门文章 |
|
|
|
相关文章 |
|
没有相关文章 |
|
|
漂亮带左右按钮控制的jQuery旋转幻灯代码 |
来源:源码爱好者 更新时间:2011/10/31 22:48:38 阅读次数: 我要投稿 |
|
<!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=utf-8" /> <title>旋转切换网页幻灯效果jQuery代码</title> <link rel="stylesheet" type="text/css" href="css/styles.css" /> <script src="js/jquery.min.js"></script> <script src="js/jquery.rotate.js"></script> <script src="js/script.js"></script> </head> <body> <div id="slideShowContainer"> <div id="slideShow"> <ul> <li><img src="img/photos/1.jpg" width="100%" alt="Fish" /></li> <li><img src="img/photos/2.jpg" width="100%" alt="Ancient" /></li> <li><img src="img/photos/3.jpg" width="100%" alt="Industry" /></li> <li><img src="img/photos/4.jpg" width="100%" alt="Rain" /></li> </ul> </div> <a id="previousLink" href="#">»</a> <a id="nextLink" href="#">«</a> </div> </body> </html> |
特效说明: |
旋转切换网页幻灯效果,漂亮带左右按钮控制的jQuery幻灯代码,使用了jquery.rotate.js,这是一个旋转插件,用来控制图片旋转,两者结合实现本款旋转切换的jQuery焦点图代码,非常棒的效果。 |
|
上一篇文章: 多种形式图片切换的JS幻灯片插件下一篇文章: 百度有啊通栏图文混排展示的广告代码特效 |
|
|