jquery 新闻轮换 插件及使用方法

插件源码:

/**
 * @author feiwen
 */
(function($){
	$.fn.textSlider = function(settings){    
        settings = jQuery.extend({
        	speed : "normal",
			line : 2,
			timer : 1000
    	}, settings);
		return this.each(function() {
			$.fn.textSlider.scllor( $( this ), settings );
    	});
    }; 
	$.fn.textSlider.scllor = function($this, settings){
		//alert($this.html());
		var ul = $( "ul:eq(0)", $this );
		var timerID;
		var li = ul.children();
		var _btnUp=$(".up:eq(0)", $this)
		var _btnDown=$(".down:eq(0)", $this)
		var liHight=$(li[0]).height();
		var upHeight=0-settings.line*liHight;//滚动的高度;
		var scrollUp=function(){
			_btnUp.unbind("click",scrollUp);
			ul.animate({marginTop:upHeight},settings.speed,function(){
				for(i=0;i


使用方法:

$(document).ready(function(){   
        $(“#scrollDiv”).textSlider({   
            line:4,   
            speed:500,   
            timer:3000   
        });   
});  
HTML写法:

  • 这是公告标题的第一行
  • 这是公告标题的第二行
  • 这是公告标题的第三行
  • 这是公告标题的第四行
  • 这是公告标题的第五行
  • 这是公告标题的第六行
  • 这是公告标题的第七行
  • 这是公告标题的第八行
  • 这是公告标题的第9行
  • 这是公告标题的第10行
  • 这是公告标题的第11行
  • 这是公告标题的第12行
UP
down

另一个插件: http://www.givainc.com/labs/marquee_jquery_plugin.htm

你可能感兴趣的:(jquery,function,公告,timer,class,html,Jquery)