今天把博客的通告栏做了一个小效果,BD权重1/ span / li / ul CSS代码:(可按照需求另设) 双击代码全选 123 #callboard { height : 24px ; line-height : 24px ; overflow : hidden ;} #callboard ul { padding : 0 ;} #callboard li { padding : 0 ;} , 500,如果有2条通告或以上就有个转动效果, 5000); }); } callboard.mouseenter( function (){ clearTimeout(callboarTimer); }).mouseleave( function (){ callboarTimer = setTimeout(win.autoAnimation, 5000); }); }(window)); setTimeout(window.autoAnimation, 5000); HTML代码: 双击代码全选 123456789 div id = callboard ul li a href = http://www.qianduanzu.com/2012042036.html 通告:前端组主题正在整理中..有需要用的伴侣请留个言,实例请移目前端组通告栏。www-36ab-com
以方便及时通知!/ a / li li span style = color:red; 通告:前端组上线一个月零八天。
在此感激Newton同学的耐心指导,上代码!或者你可以直接前往DEMO看实例, function (){ clearTimeout(callboarTimer); callboardLiFirst.appendTo(callboardUl).css({marginTop:0}); callboarTimer = setTimeout(self, jQuery代码 双击代码全选 123456789101112131415161718192021222324252627282930 //第二版: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 = 1) return ; var self = arguments.callee; var callboardLiFirst = callboard.find( li ).first(); callboardLiFirst.animate({ marginTop:-initHeight },PR升为3,不多说了。