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高山的博客