jQuery全能列表淡入淡出插件

1.新闻内容的滚动切换显示

相应HTML代码:
<ul id="news"> <li>·<a href="http://www.yudouyudou.com/jiaochengheji/DedeCMS/140.html">DedeCMS图片上传文件路径修改</a></li> <li>·<a href="http://www.yudouyudou.com/ziyuanxiazai/gongjuchajian/165.html">DedeCMS官方密码重置工具</a></li> <li>·<a href="http://www.yudouyudou.com/ziyuanxiazai/gongjuchajian/117.html">DedeCMS一个完整的留言簿开发模版</a></li> <li>·<a href="http://www.yudouyudou.com/jiaochengheji/DedeCMS/120.html">DedeCMS留言簿插件二次开发浅析</a></li> <li>·<a href="http://www.yudouyudou.com/jiaochengheji/DedeCMS/33.html">DedeCMS织梦Tags标签页制作</a></li> <li>·<a href="http://www.yudouyudou.com/jiaochengheji/DedeCMS/31.html">DedeCMS为文章图片自动添加ALT属性为标题</a></li> </ul>

2.图片列表的幻灯片切换显示

相应HTML代码:
<ul id="album"> <li><a href="#"><img height="191" src="images/1.jpg" /></a></li> <li><a href="#"><img height="191" src="images/2.jpg" /></a></li> <li><a href="#"><img height="191" src="images/3.jpg" /></a></li> <li><a href="#"><img height="191" src="images/4.jpg" /></a></li> <li><a href="#"><img height="191" src="images/5.jpg" /></a></li> <li><a href="#"><img height="191" src="images/6.jpg" /></a></li> </ul>

3.class形式的切换

class1

class2

class3

class4

class5

class6

class7

class8

class9

class a

class b

class c

class d

class e

class f

class g

class h

class i

相应HTML代码:
<div class="fade"> <p>class1</p><p>class2</p><p>class3</p><p>class4</p><p>class5</p><p>class6</p><p>class7</p><p>class8</p><p>class9</p> </div> <div class="fade"> <p>class a</p><p>class b</p><p>class c</p><p>class d</p><p>class e</p><p>class f</p><p>class g</p><p>class h</p><p>class i</p> </div>
页面jQuery代码:
$(function(){ $("#news").innerfade({ animationtype: "slide", speed: 750, timeout: 2000, type: "random", containerheight: "1em" }); $("#album").innerfade({ speed: "slow", timeout: 4000, type: "sequence", containerheight: "191px" }); $(".fade").innerfade({ speed: "slow", timeout: 1000, type: "sequence", containerheight: "1.2em" }); });