jquery 图片文本自动滚动插件
本文章利用了jquery滚动插件来实现的一款jquery 图片文本自动滚动效果，他支持图片与文字自动切换，同时也可以控制切换新闻方向是左是右。
<!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/163css.js" type=text/javascript></script>
<script type=text/javascript>
$(document).ready(function(){
if ($('#testimonial_slideshow').length > 0) {
$('#testimonial_slideshow').cycle({
fx: 'scrollhorz',
speed: 600,
randomizeeffects: true,
timeout: 6000,
cleartype: true,
cleartypenobg: true,
next:'#slidenext',
prev:'#slideprev'
});
}
}
);
</script>
<meta content="mshtml 6.00.6000.17080" name=generator></head>
<body><div class=left_column>
<div class=item>
<h3><a href="http://www.zhaoxi.net">网聚重构设计--www.zhaoxi.net</a></h3>
<div id=testimonial_slideshow >
<div class=testiomonial_item>
<h5><a href="http://www.zhaoxi.net/hihilinxuan/log/634213761539385802.html">jquery实现很漂亮的背景切换动画设计</a></h5>
<p class="p">公司为中大眼科制作的一个首页，需要用到一个背景切换的动画，类似这种幻灯片，之前做过许多了，但现在这个挺特别的，它跟整个网页融合在一起，切换得很柔和，让人觉得很舒服。</p>
<p>by：<a href="http://www.zhaoxi.net">林炜贤</a></p>
</div>
<div class=testiomonial_item>
<h5><a href="http://www.zhaoxi.net/hihilinxuan/log/634221377575733750.html">苹果mac栏目动画设计制作</a></h5>
<p class="p">公司为中大眼科制作的一个首页，需要用到一个背景切换的动画，类似这种幻灯片，之前做过许多了，但现在这个挺特别的，它跟整个网页融合在一起，切换得很柔和，让人觉得很舒服。</p>
<p>by：<a href="http://www.zhaoxi.net">林炜贤</a></p>
</div>
<div class=testiomonial_item>
<h5><a href="http://www.zhaoxi.net/hihilinxuan/log/634209678446365000.html">网易汽车树形菜单设计制作</a></h5>
<p class="p">公司为中大眼科制作的一个首页，需要用到一个背景切换的动画，类似这种幻灯片，之前做过许多了，但现在这个挺特别的，它跟整个网页融合在一起，切换得很柔和，让人觉得很舒服。</p>
<p>by：<a href="http://www.zhaoxi.net">林炜贤</a></p>
</div>
</div>
<p class=text_right><a href="#"><img id=slideprev height=20 alt=back src="images/testimonial-back-btn.gif" ></a><a href="#"><img id=slidenext height=20 alt=next src="images/testimonial-next-btn.gif" ></a></p>
</div>
</div>
</body></html>
源码下载
http://down.zhaoxi.net/down/code/js/jiaodiantu/2010/1019/21293.html
效果预览
http://g.226511.cn/javascript/code/20101015/t
补充：网页制作,jquery 
