基于jQuery的多种图片切换过渡效果的焦点图特效.zip资源-CSDN文库

共14个文件

jpg：4个

png：4个

css：2个

版权申诉

前端代码

50 浏览量 2022-11-10 00:34:36 上传评论收藏 458KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于jQuery的多种图片切换过渡效果的焦点图特效.zip （14个子文件）

132692089245083414

likecs.com_132692089273730875

有过度效果的jquery焦点图代码

css

nivo-slider.css 1KB

style.css 3KB

images

toystory.jpg 117KB

walle.jpg 95KB

up.jpg 89KB

bullets.png 1KB

background.png 14KB

slider.png 11KB

arrows.png 824B

nemo.jpg 103KB

loading.gif 2KB

index.html 2KB

jquery.nivo.slider.pack.js 9KB

jquery-1.4.3.min.js 76KB

<!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" href="css/nivo-slider.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> </head> <body style="text-align:center"> <div id="wrapper"> <div id="slider-wrapper"> <div id="slider" class="nivoSlider"> <a href="http://www.jb51.net/" target="_blank"><img src="images/toystory.jpg" alt="" /></a> <a href="#/" target="_blank"><img src="images/up.jpg" alt="" title="This is an example of a caption" /></a> <a href="#/" target="_blank"><img src="images/walle.jpg" alt="" /></a> <a href="#/" target="_blank"><img src="images/nemo.jpg" alt="" title="#htmlcaption" /></a> </div> <div id="htmlcaption" class="nivo-html-caption"> <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. </div> </div> </div> <script type="text/javascript" src="js/jquery-1.4.3.min.js"></script> <script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> <p></p> <p>一个加载设置拥有9种过度效果的超级smooth slider焦点图代码，可左右翻页，有圆点导航，可添加文字说明和链接</p> <p></p> </body> </html>

评论收藏

内容反馈

版权申诉