jQueryxmarquee实现文本层面的无缝滚动效果

CSS
复制代码代码如下所示:

。xmarquee { border: 1px solid # CCC;身高:25px;宽度:500px;保证金:50px汽车;背景:# ffffff;溢出:隐藏;}
。xmarquee OL {列表样式类型:无;缘:0px;padding: 0px;字体大小:12px;宽度:100000%;}
。xmarquee OL里{浮动:左;}
。xmarquee OL里{颜色:# 000;文字装饰:无;线高度:25px;}
。xmarquee OL李:悬停{文字装饰:下划线;}


js
复制代码代码如下所示:



$(函数(){())
$(# X1)。XMarquee();
$(# X2)。XMarquee({温度:2,backmarquee:'backmarquee});
})


功能backmarquee(ID,CON){
$(# backmarquee)。Html(ID + :::::::::::: :::::::::::+控制+控制::::::::::: ::::::: ::::: # backmarquee :::::+控制:
}


HTML
复制代码代码如下所示:


黑桃;中国移动
双向记录
黑桃;360通话录音好了
黑桃;中国移动
双向记录
黑桃;360通话录音好了





黑桃;中国移动
双向记录
黑桃;360通话录音好了
黑桃;中国移动
双向记录
黑桃;360通话录音好了



文本滚动如此简单
演示包下载

本文来自:CSDN高山的博客