jQ3D圆形立体旋转jQuery3D圆形立体旋转网页特效.zip资源-CSDN文库

共33个文件

jpg：21个

png：6个

js：3个

版权申诉

javascript

jQuery

html5

20 浏览量 2022-11-19 19:46:26 上传评论收藏 151KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQ 3D圆形立体旋转 jQuery 3D圆形立体旋转网页特效.zip （33个子文件）

jQ 3D圆形立体旋转 jQuery 3D圆形立体旋转网页特效

jiaoben973

css

thumb.png 2KB

playpause.png 1KB

right.png 2KB

track.png 2KB

carousel.css 2KB

arrows.png 1KB

bg.jpg 3KB

left.png 2KB

style.css 2KB

images

image13.jpg 5KB

image14.jpg 5KB

image2.jpg 5KB

image6.jpg 4KB

image17.jpg 6KB

image9.jpg 5KB

image11.jpg 6KB

image7.jpg 6KB

image4.jpg 3KB

image19.jpg 4KB

image18.jpg 3KB

image12.jpg 4KB

image5.jpg 4KB

name.jpg 12KB

image1.jpg 4KB

image3.jpg 3KB

image8.jpg 5KB

image15.jpg 5KB

image16.jpg 5KB

image10.jpg 3KB

index.html 4KB

jquery.mousewheel.js 2KB

jquery-1.7.1.min.js 92KB

jquery.carousel.min.js 9KB

<!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" alt=""/> <title>jQ 3D圆形立体旋转 - 网页模板</title> <link rel="stylesheet" type="text/css" href="css/carousel.css" media="screen" alt=""/> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" alt=""/> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="js/jquery.carousel.min.js"></script> <script type="text/javascript" src="js/jquery.mousewheel.js"></script> <script type="text/javascript"> jQuery(document).ready(function($){ $('#carousel').carousel({width: 870, height: 350, itemWidth:120, horizontalRadius:270, verticalRadius:85, resize:false, mouseScroll:false, mouseDrag:true, scaleRatio:0.4, scrollbar:true, tooltip:true, mouseWheel:true, mouseWheelReverse:true}); }); </script> </head> <body> <div id="wide-wrapper"> <div id="header"> <img src="images/name.jpg" width="280" height="50" alt="3d carousel"/> </div> <ul id="carousel"> <li> <img src="images/image1.jpg" alt=""/> <div class="tooltip">Image description</div> </li> <li> <img src="images/image2.jpg" alt=""/> </li> <li> <img src="images/image3.jpg" alt=""/> </li> <li> <img src="images/image4.jpg" alt=""/> <div class="tooltip"><u>Image title</u><br/><br alt=""/>Tooltips support <i>HTML</i> text.</div> </li> <li> <img src="images/image5.jpg" alt=""/> </li> <li> <img src="images/image6.jpg" alt=""/> </li> <li> <img src="images/image7.jpg" alt=""/> <div class="tooltip"><u>Image title</u><br/><br/><img src="images/image7.jpg" width="60" height="50" style="float:left; margin-right:10px; margin-bottom:10px;" alt=""/>Load images inside the tooltip.</div> </li> <li> <img src="images/image8.jpg" alt=""/> </li> <li> <img src="images/image9.jpg" alt=""/> </li> <li> <img src="images/image10.jpg" alt=""/> <div class="tooltip">Image description</div> </li> <li> <img src="images/image11.jpg" alt=""/> </li> <li> <img src="images/image12.jpg" alt=""/> </li> <li> <img src="images/image13.jpg" alt=""/> <div class="tooltip"><u>Image title</u><br/><br/>Tooltips support <i>HTML</i> text.</div> </li> <li> <img src="images/image14.jpg" alt=""/> </li> <li> <img src="images/image15.jpg" alt=""/> </li> <li> <img src="images/image16.jpg" alt=""/> <div class="tooltip"><u>Image title</u><br/><br/><img src="images/image16.jpg" width="60" height="50" style="float:left; margin-right:10px; margin-bottom:10px;" alt=""/>Load images inside the tooltip.</div> </li> <li> <img src="images/image17.jpg" alt=""/> </li> <li> <img src="images/image18.jpg" alt=""/> </li> <li> <img src="images/image19.jpg" alt=""/> </li> </ul> </div> <div style="text-align:center;clear:both"> <p>适用浏览器：FireFox、Chrome、Safari、Opera、傲游、搜狗. 不支持IE8、360、世界之窗。</p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉