应该怎么解决呢？
var btn = $("<>"); $(".marquee").append($btn); (function($){ $.fn.textRoll = function(option){ var opt = $.extend({},option); return this.each(function(){ //参数初始化 var _btnLeft = $(opt.Left); var _btnRight = $(opt.Right); var _this = $(this).find('ul'); var origin = _this.position().left; var move= origin; var t; var speed=opt.speed?parseInt(opt.speed,1000):50; var textLeft = function(){ t = setInterval(function(){ move++; move>=origin?move = origin:_this.css({left:move}); },20); } var textRight = function(){ t = setInterval(function(){ move--; _this.css({left:move}); },20); } var textStop = function(){ clearInterval(t); } _btnLeft.mousedown(textLeft).mouseup(textStop); _btnRight.mousedown(textRight).mouseup(textStop); }) } })(jQuery); $(".marquee").textRoll({Left:'.btn_left',Right:'.btn_right'});
- 内容
- 内容
- 内容
- 内容
- 内容
- 内容
- 内容
- 内容
- 内容
- 内容
- 内容
- 内容
- 内容
- 内容
- 内容
- 内容
- 内容
- 内容
- 内容
- 内容
- 内容
- 内容
- 内容
- 内容
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
因爲你的代碼當中並沒有任何區分不同的 .marquee 機制，所以按照缺省行爲，所有 .marquee 都會被應用相應地操作。
只需將操作轉而應用到觸發事件的特定元素上即可。