$(document).ready(function () {
// @文字滾動
(function ($) {
$.fn.textSlider = function (settings) {
settings = jQuery.extend({
speed: "normal",
line: 2,
timer: 3000
}, settings);
return this.each(function () {
$.fn.textSlider.scllor($(this), settings);
});
};
$.fn.textSlider.scllor = function ($this, settings) {
var ul = $("ul:eq(0)", $this);
var timerID;
var li = ul.children();
var liHight = $(li[0]).height();
var upHeight = 0 - settings.line * liHight;//滾動的高度;
var scrollUp = function () {
ul.animate({ marginTop: upHeight }, settings.speed, function () {
for (i = 0; i < settings.line; i++) {
ul.find("li:first", $this).appendTo(ul);
}
ul.css({ marginTop: 0 });
});
};
var autoPlay = function () {
timerID = window.setInterval(scrollUp, settings.timer);
};
var autoStop = function () {
window.clearInterval(timerID);
};
//事件綁定
ul.hover(autoStop, autoPlay).mouseout();
};
})(jQuery);
$("#li_goods_g").textSlider({ line: 1, speed: 500, timer: 3000 });
});
聯(lián)系我們
【建材網(wǎng)】近日,一場以“順勢應(yīng)時(shí)窗新致遠(yuǎn)”為主題的2023富軒全屋門窗華東區(qū)域業(yè)績破 [詳情]
【建材網(wǎng)】一道門,一扇窗通過別具心裁的線條和形狀恰到好處的色彩搭配讓秋色在生活空 [詳情]
【建材網(wǎng)】隨著消費(fèi)者需求的日益升級,品牌的發(fā)展亦需要不斷地更新迭代,為了更好的滿 [詳情]
【鋁道網(wǎng)】主辦單位:內(nèi)蒙古自治區(qū)室內(nèi)裝飾協(xié)會內(nèi)蒙古建筑節(jié)能協(xié)會內(nèi)蒙古建筑門窗幕墻 [詳情]