В этой статье описывается плагин JS Custom Horizontal Scrolling Font. Поделитесь этим для вашей ссылки, следующим образом:
<script type = "text/javascript"> $ (function () {var future = {content: "@@@@@@ плавающее текст ####", Overstop: true, width: "100px", targetid: "huangbiao", // Функция обратного вызова после отображения onaftershow: function (obj) {obj.setting. Alert (DDDD »); /* Принцип Описание: 1. Верхний родительский div-это скрытая полоса прокрутки 2. Ширина Div второго уровня (дочерняя девственная Div из верхнего родительского Div) составляет 8000%. из верхней прокрутки div стержень больше или равен расстоянию от полосы прокрутки верхнего Div, пусть расстояние от полосы прокрутки верхнего Div будет 0 */ function fontmove (usersettingobj) {var that = this; // Использование временной метки в качестве значения идентификатора var timeStamp = new Date (). GetTime (); this.setting = { //Scrolling text content content: "Floating text", //The width of the scroll bar is displayed width: "200px", //Speed every 30 milliseconds: 30, //Whether the mouse suspension stops, true is true, false is non-stop, default is true overStop: true, //The ID value of the scroll bar is objId: timestamp, //The target position of the space is хранятся, если это «», то по умолчанию помещается в конце тега тега тега: "", OnafterShow: function () {}}; // Получить файл конфигурации пользователя this.setting = $. // Проверьте параметры файла конфигурации this.checkparam = function () {} // Плагин расширения this.callback = function (myfun) {if (typeof myfun == "function") {// Это означает вызов, поэтому вам нужно использовать родительский myfun.call (that); }} this.remove = function () {$ ("#"+that.setting.objid) .Remove (); } this.init = function () {// Все методы для получения файла конфигурации - это использование. style = "float: left;"> '+ that.setting.content+' </div> '+' </div> '+' </div> '+' </div> '+' </div> '+' </div> '+' </div> '+' </div> '+' </div> '+' </div> '</div>'+ '+'+ '+'+ '+'+ '+'+ '+'+ '+'+ '+'+ '+'+ '+'+ '+'+ '+'+ '+'+ '+'+ '+'+ '+'+ '+'+ '+'+ '+'+ '+'+ '+ '</div>'+ '</div>'; // судить, указано ли местоположение контента, если ("" "== that.setting.targetid) {$ (" body "). Append (domstr); } else {$ ("#"+that.setting.targetid) .html (domstr); } // Контейнер содержимого div var whatdiv = document.getelementbyid (that.setting.objid); // первое дочернее девиз в левом var sondiv1 = document.getElementbyId (что. Setting.objid + '_div1'); // Второй дочерний девиз в левом var sondiv2 = document.getElementbyId (что. Setting.objid + '_div2'); this.marquee = function () {// Использовать таймер, чтобы изменить значение // console.log ("thatdiv.scrollleft:" + thatdiv.scrollleft); // //sondiv1.offsetwidth Значение фиксируется // console.log ("sondiv1.offsetwidth:" + sondiv1.ffset). scrollbars // console.log ("sondiv1.scrollleft:" + sondiv1.scrollleft); // //sondiv2.offsetwidth фиксирован // console.log ("sondiv2 console.log ("sondiv2.scrollleft:" + sondiv2.scrollleft); // Будет ли расстояние верхней прокрутки Div Scrollbar больше, чем горизонтальное расстояние от первого дочернего Div, то есть, больше ли оно, чем фактическое расстояние содержимого, если (wathdiv.scrollleft - sondiv1.OffsetWidth> = 0) {// Длина прокрутки снова очищается от 0, что является эквивалентным, чтобы отображать с первого дивирования, а затем в Scroll. thatdiv.scrollleft - sondiv1.offsetwidth; } else {thatdiv.scrollleft ++; }} var myvar = setInterval (that.marquee, that.setting.speed); // Мышь приостановлена, независимо от того, останавливается ли движение if (that.setting.overstop) {thatdiv.onmouseover = function () {clearInterval (myvar);} thatdiv.onmouseout = function () {myvar = setInterval (marquee, 30);}} if (typeof that.setting.onaftershow == ") that.setting.onaftershow.call (это, что); }} // Завершить инициализацию this.init (); // возвращать сам метод, так что все параметры, которые настраивают это, можно получить, возвращают это; } </script>For more information about JavaScript related content, please check out the topics of this site: "Summary of JavaScript switching effects and techniques", "Summary of JavaScript search algorithm skills", "Summary of JavaScript animation effects and techniques", "Summary of JavaScript errors and debugging techniques", "Summary of JavaScript data structures and algorithm skills", "Summary of Алгоритмы и методы обхода JavaScript »и« Сводка использования математических операций JavaScript ».
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.