jquery代码
复制代码 代码如下:
//第二版：newton改造
(function (win){
var callboartimer;
var callboard = $('#callboard');
var callboardul = callboard.find('ul');
var callboardli = callboard.find('li');
var lilen = callboard.find('li').length;
var initheight = callboardli.first().outerheight(true);
win.autoanimation = function (){
if (lilen var self = arguments.callee;
var callboardlifirst = callboard.find('li').first();
callboardlifirst.animate({
margintop:-initheight
}, 500, function (){
cleartimeout(callboartimer);
callboardlifirst.appendto(callboardul).css({margintop:0});
callboartimer = settimeout(self, 5000);
});
}
callboard.mouseenter(
function (){
cleartimeout(callboartimer);
}).mouseleave(function (){
callboartimer = settimeout(win.autoanimation, 5000);
});
}(window));
settimeout(window.autoanimation, 5000);
html代码：
复制代码 代码如下:
公告：前端组主题正在整理中..有需要用的朋友请留个言，以方便及时通知！
公告：前端组上线一个月零八天，pr升为3，bd权重1
css代码：(可根据需求另设)
复制代码 代码如下:
#callboard { height:24px; line-height:24px; overflow:hidden;}
#callboard ul { padding:0;}
#callboard li { padding:0;}
完整演示代码：
复制代码 代码如下:
滚动公告栏
公告[2]：前端组上线一个月零八天，pr升为3，bd权重1
公告[3]：撤下了bloggerads，原因为收入太少，打开速度慢！
公告[1]：前端组主题正在整理中..有需要用的朋友请留个言，以方便及时通知！