PROMULGATOR
沉吟至今
福建省厦门市- Html
- Css
- Js
* {
padding:0;
margin:0;
font-family:"微软雅黑";
}
li {
list-style:none;
}
a {
text-decoration:none;
}
img {
border:none;
}
.box {
padding-left:50px;
background:url("images/xtb.png") no-repeat;
margin-top:100px;
margin-left:100px;
}
.winBox {
width:300px;
height:40px;
overflow:hidden;
position:relative;
background:pink;
}
.scroll {
/*width的大小是根据下面li的长度和多少个li而定的，需注意！*/
width:1500px;
position:absolute;
left:0px;
top:0px;
}
.scroll li {
width:150px;
float:left;
line-height:40px;
text-align:center;
}
↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3
立即下载
jquery文字左右无缝滚动
代码描述：通过jquery实行文字的无缝滚动
6
罄?一瞥0
2017/6/12 17:48:32
然而，一个marquee标签就可以实现了
土豆粉～～0
2017/7/18 11:52:14
marquee标签如何定义文字的初始位置呢
fCode0
2017/8/2 10:34:37
marquee标签有个很大的缺陷不知道你发现没有。
当内容过多时，marquee标签内的内容显示不全。
这并不是我们想要的结果，
所以才用jq实现。