<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery 图片轮换效果（带文字与切换按钮）</title>
<meta http-equiv=x-ua-compatible content=ie=emulateie7>
<meta http-equiv=content-type content="text/html; charset=gb2312">
<meta content=webtunes name=author>
<meta content="description of this website" name=description>
<meta content=keywords name=keywords>
<link href="css教程/163css.css" type=text/css rel=stylesheet>
<script src="js/jquery-1.4.1.min.js" type=text/网页特效></script>
<script src="js/jquery.cycle.all.min.js" type=text/javascript></script>
<script src="js/163css.js" type=text/javascript></script><meta content="mshtml 6.00.6000.17080" name=generator></head>
<body><div class=content_slider id=slider>
<div class=slider_nav><a class=prev_button id=prev href="http://www.111cn.net"><span>prev</span></a><ul id=pagination>
<li></li></ul><a class=next_button id=next href="#"><span>next</span></a></div>
<div class=item>
<p class="p1"><a class=align_left title="中国街拍秀左右滚动动画设计" href="http://www.111cn.net/hihilinxuan/log/634207685339757471.html" rel=prettyphoto><img class=image src="images/slide3-content.jpg" ></a></p>
<h1><a href="http://www.111cn.net/hihilinxuan/log/634207685339757471.html">msn中国街拍秀左右滚动动画设计</a></h1>
<p>我记得之前我做过一个淘宝男人画报的左右滚动动画，中间是两张图片，点击左右按钮可以实现滚动。今天在msn中国女性街拍秀栏目看到一个非常类似的动画。不同之处在于msn这个可以实现自动滚动，还有一个更牛的就是点击箭头后，滚动方向会跟着改变。</p></div>
<div class=item><p class="p1"><a class=align_left
title="中国街拍_女性动画展示设计" href="http://www.111cn.net/hihilinxuan/log/634206590289680000.html" rel=prettyphoto><img class=image src="images/slide2-content.jpg" ></a> </p>
<h1><a href="http://www.111cn.net/hihilinxuan/log/634206590289680000.html">msn中国街拍_女性动画展示设计</a></h1>
<p >今晚决定浏览一下msn中国的网站，顺便找下有没有我需要的东西。蓝色的色调，跟我的网站一样，喜欢，呵呵。点击进入女性频道，再进入街拍栏目，第一个吸引我的就是左右带箭头的并自动滚动的图片展示，我记得在淘宝画报中我就拿过这个动画，只是那个不会自动滚动。</p></div>
<div class=item><p class="p1"><a class=align_left title="腾讯"世博宝典"栏目展示动画设计" href="http://www.111cn.net/hihilinxuan/log/634198169567772500.html" rel=prettyphoto><img class=image src="images/slide1-content.jpg" ></a> </p>
<h1><a href="http://www.111cn.net/hihilinxuan/log/634198169567772500.html">腾讯"世博宝典"栏目展示动画设计</a></h1>
<p>腾讯是世博的赞助商，世博这个栏目也是腾讯重点打造的。点击进去，页面色调是蓝色，内容丰富多彩，图片非常精美，果然是有实力的企业，报导非常及时，内容具有很强可读性。</p></div></div>
</body></html>
源码下载地址
http://down.111cn.net/down/code/jquery/2010/1020/21316.html