jQuery全能列表淡入淡出插件

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

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

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

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

3.class形式的切换

class1class2class3class4class5class6class7class8class9
class aclass bclass cclass dclass eclass fclass gclass hclass i
相应HTML代码:
<div class="fade"> <span>class1</span><span>class2</span><span>class3</span><span>class4</span><span>class5</span><span>class6</span><span>class7</span><span>class8</span><span>class9</span> </div> <div class="fade"> <span>class a</span><span>class b</span><span>class c</span><span>class d</span><span>class e</span><span>class f</span><span>class g</span><span>class h</span><span>class i</span> </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" }); });
鸿运国际手机登录首页