Cambie el siguiente código js a JQuery (Lantern)

He escrito un esquema aproximado, pero todavía hay mucho margen de mejora.

¡Cámbialo según tus ideas~

lt! tipo de documento? html gt

lthtml gt

lthead gt

ltmeta? charset="utf-8 "

lttitle gt lt/title gt;

lt estilo? type="text/css " >>p>

李{

Pantalla:? En línea;

}

#scroll_div{

Ancho:? 200px

Margen:? 0?Auto;

Desbordamiento:? Ocultar;

En blanco:? nowrap

Posición:? Relativo;

}

lt/style gt;

lt script? tipo="texto/javascript "? src = "/jquery-3 . 3 . 1 . min . js " gt;lt/script gt;

ltScript? type = " texto/JavaScript " gt;

$.fn.scrollImgLeft? =?Función (opción)? {

var? def={

Velocidad: 1,

scrollDiv: $('#scrollDiv '),

scrollBegin: $('#scrollBegin '), p>

scrollEnd:$('#scrollEnd ')

}

var? opta? =?$.Extensión(definición, opción);

opts . scrollend html(opts . scroll start . html());

¿Función? Marquesina()? {?

¿Y si? (opts.scrollEnd.outerWidth(true)?-?opts.scrollDiv.scrollLeft()? lt=?0)?{?

opts.scrollDiv.scrollLeft()? -=?opts .desplazamiento comenzar ancho exterior(verdadero);?

}? {?

opts.desplazamiento div.desplazamiento hacia la izquierda(opts.desplazamiento div.desplazamiento hacia la izquierda() 1);?

}?

}?

var? ¿MiMar? =?setInterval(Marquesina,opts.speed)?

scroll_div.onmouseover? =?Función? ()?{?

borrar intervalo(MyMar);?

}?

scroll_div.onmouseout? =?Función? ()?{?

MyMar? =?setInterval(Marquesina,opts.speed);?

}

};?

$(function(){

var?opt?=?{

Velocidad: 2,

scrollDiv: $(' #scroll_div '),

scrollBegin: $('#scroll_begin '),

desplazamiento l

fin: $(' # scroll _ end ')

}

$('#scroll_div '). scrollImgLeft(opt);

})

lt/script gt

lt/head gt

ltbody gt; >

ltdiv? id="scroll_div"gt

ltdiv? id = " desplazarse _ comenzar " gt

ltul gt

lt李gt11111111 lt;/李gt

lt李gt222222 lt/李gt

lt李gt3333 lt/李gt

lt李gt444444 lt/李gt

lt李gt55555555 lt/李gt

lt/ul gt;

lt/div gt;

lt/div gt

ltdiv? id = "desplazamiento _ fin" gt lt/div gt

lt/body gt

lt/html gt;