公告滚动效果的jQuery实现

公告滚动效果的jQuery实现
滚动效果非常好,代码非常简单,而且这里没有更多的浪费。

复制代码代码如下所示:

样式文件:
{ *

保证金:0;

填充:0;

}

{。scrollnews

宽度:100%;

身高:20px;

溢出:隐藏;

背景:# ffffff;

边境:0px固体# aaaaaa;

}

scrollnews UL {。

填料:2px 5px 5px 25px;

}

scrollnews UL Li {。

身高:20px;

目录样式类型:无;

字体大小:小;

}

{

文字装饰:无;

}
头JS

不要忘记导入jQuery库。

复制代码代码如下所示:

$(函数(){())

VaR的时间;

$(。scrollnews)。Hover(function(){)

ClearInterval(时间);

}函数(){()

时间= setInterval(){()函数(

VaR(第一=美元美元。scrollnews UL:第一); / /选择第一个UL div代替李;

VaR高度= first.find美元(李:第一)(的高度); / /先立高度,UL移动到准备;

first.animate美元({margintop :高度+PX},600,(){()函数

first.css美元({ 0 } margintop:)。找到(李:第一)。AppendTo(合一); / /设置边距为零,为了准备下一个动作

});

},3000);

})。Trigger(MouseLeave );的 / /触发功能()方法是事件触发的选定元素的类型

});
JSP的身体部位

复制代码代码如下所示:
U3000 U3000
查询模块菜单名称更新公告:从2015-02-09,查询模块菜单采用新的名称,请参阅新旧名称对照表下面的查询模块。
查询模块菜单名称更新公告:从2015-02-09,查询模块菜单采用新的名称,请参阅新旧名称对照表下面的查询模块。

合伙人可以自由申请自己的项目。

tag:滚动效果公告电脑软件jquery

相关内容