<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="JS代码,滑动展示,图像展示,滚动图片,jQuery" />
<meta name="description" content="jQuery的轻量级，多功能和互动的图像滑动展示效果，更多滑动展示,图像展示,滚动图片,jQuery请访问脚本之家JS代码频道。" />
<title>jQuery的轻量级，多功能和互动的图像滑动展示效果_脚本之家</title>
<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="js/image-slider.js" type="text/javascript"></script>
<link href="style/image-slider.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function() {
$('#slider').slider({ speed: 500 });
});
</script>
</head>
<body>
<div id="logo"><img src="images/interactive-image-slider-gslider.png" alt="Interactive Image Slider" /></div>
<div id="container">
<div id="slider">
<div>
<img alt="Open Source Vector Icons" src="images/open-source-vector-icons.png" />
<a href="http://www.jb51.net" target="_blank">Open Source Vector Icons</a>
</div>
<div>
<img alt="Feedback Collection Polling Widget" src="images/Feedback-Collection-Polling-Widget.png" />
<a href="http://www.jb51.net" target="_blank">Feedback Collection Polling Widget</a></div>
<div>
<img alt="Most Effective Link Building Strategies for Blogs" src="images/link-building-strategies-for-blogs.png" />
<a href="http://www.jb51.net" target="_blank">Link Building Strategies for Blogs</a></div>
<div>
<img alt="First Complete CSS3 jQuery Tabs" src="images/jQuery-css3-tabs.png" />
<a href="http://www.jb51.net" target="_blank">First Complete CSS3 jQuery Tabs</a></div>
<div>
<img alt="Professional Creative Free Resume Template" src="images/professional-creative-resume-template.png" />
<a href="http://www.jb51.net" target="_blank">Professional Creative Free Resume Template</a></div>
<div>
<img alt="How to Design Accessible Websites and Web Applications
" src="images/how-to-design-accessible-websites-and-web-applications.png" />
<a href="http://www.jb51.net" target="_blank">How to Design Accessible Websites</a></div>
<div>
<img alt="One-liner Login Control" src="images/one-line-login-control-singleline-login.png" />
<a href="http://www.jb51.net" target="_blank">One-liner Login Control</a></div>
<div>
<img alt="Free Minimal Wordpress Theme" src="images/free-minimal-wordpress-theme.png" />
<a href="http://www.jb51.net" target="_blank">Free Minimal Wordpress Theme</a></div>
<div>
<img alt="5 Web Design Trends to Watch & Follow in 2011" src="images/5-web-design-trends-to-watch-follow-in-2011.png" />
<a href="http://www.jb51.net" target="_blank">Web Design Trends to Watch & Follow</a></div>
</div>
</div>
<div style="text-align:center;clear:both">
<p>来源：<a href="http://www.jb51.net" target="_blank">webtablab</a> 代码整理：<a href="http://www.jb51.net" target="_blank">脚本之家</a> 感谢：<a href="http://www.jb51.net" target="_blank">feichangmei</a></p>
<p>转载请注明出处，此代码仅供学习交流，请勿用于商业用途。</p>
</div>
</body>
</html>
jQuery横排显示带有上下翻页按钮的图像滑动展示效果.zip
版权申诉
138 浏览量
2022-11-06
23:55:50
上传
评论
收藏 902KB ZIP 举报
jQuery横排显示带有上下翻页按钮的图像滑动展示效果.zip （22个子文件） 
132686995183220200 style 
image-slider.css 4KB images 
background.jpg 7KB
interactive-image-slider-gslider.png 22KB Feedback-Collection-Polling-Widget.png 90KB jQuery-css3-tabs.png 95KB bg.png 4KB 5-web-design-trends-to-watch-follow-in-2011.png 169KB arrow-right.png 700B close.png 1KB link-building-strategies-for-blogs.png 66KB zoom.png 1KB one-line-login-control-singleline-login.png 36KB open-source-vector-icons.png 37KB arrow-left.png 692B free-minimal-wordpress-theme.png 58KB how-to-design-accessible-websites-and-web-applications.png 180KB professional-creative-resume-template.png 103KB
index.html 4KB js jquery-1.4.4.min.js 77KB image-slider.js 11KB arrow-right.png 700B arrow-left.png 692B资源评论
