• 栏目一
  • 栏目二
  • 栏目三
js调用:
jQuery(".slideTxtBox").slide( {effect:"left"} );
jQuery("#doubleSlideTxt").slide( { titCell:".parHd li",mainCell:".parBdIn",effect:"top",trigger:"click" } );
css代码:
  1. /* 双重slide-文本滚动效果 */ 
  2. #doubleSlideTxt{ width:524px; zoom:1position:relativetext-align:left;  } 
  3. #doubleSlideTxt .parHd{ position:absolutez-index:1; top:10px; left:453pxwidth:44pxoverflow:hidden; } 
  4. #doubleSlideTxt .parHd li{ width:14pxpadding:5px 5px 5px 5px;  line-height:16pxborder:1px solid #baccdfborder-left:0;  
  5.     margin-bottom:5pxbackground:#fffcolor:#b5c4d3;  cursor:pointermargin-left:1px;  } 
  6. #doubleSlideTxt .parHd li.on{ background:#dbeefdfont-weight:boldcolor:#367399;  border-right:3px solid #4e98c6;   
  7.     margin-left:0pxposition:relativez-index:100padding:5px 10px 5px 10px;} 
  8. #doubleSlideTxt .parBd{ position:relative;  z-index:0width:440px; left:0pxborder:1px solid #baccdfpadding:6pxbackground:#dbeefd;} 
  9. #doubleSlideTxt .parBd .slideTxtBox{ background:#fffwidth:400pxborder:0padding:20px;    } 
  10. #doubleSlideTxt .parBd .slideTxtBox .hd{ background:#fff;  }