jQuery实现的简单歌词滚动功能示例
54 浏览量
2020-12-12
18:51:55
上传
评论 1
收藏 78KB PDF 举报
jQuery实现的简单歌词滚动功能示例实现的简单歌词滚动功能示例
本文实例讲述了jQuery实现的简单歌词滚动功能。分享给大家供大家参考，具体如下：
jquery实现歌词滚动
1.css
/* CSS Document */
* {
margin: 0;
padding: 0;
font-size: 12px;
}
body {
background: none;
}
input,
button,
select,
textarea {
outline: none;
}
ul,
li,
dl,
ol {
list-style: none;
}
a {
color: #666;
text-decoration: none;
}
h1 {
font-size: 25px;
}
p {
font-size: 18px;
}
span {
font-size: 16px;
}
button {
font-size: 18px;
}
marquee {
border: 1px solid #0096BE;
margin: 30px auto;
}
.box {
/*width: 980px;*/
margin: 0 auto;
}
.bcon {
width: 270px;
border: 1px solid #eee;
margin: 30px auto;
}
.bcon h1 {
border-bottom: 1px solid #eee;
padding: 0 10px;
}
.bcon h1 b {
font: bold 14px/40px '宋体';
border-top: 2px solid #3492D1;
padding: 0 8px;
margin-top: -1px;
display: inline-block;
}
.list_lh {
height: 400px;
overflow: hidden;
}
.list_lh li {
padding: 10px;
overflow: hidden;
}
.list_lh li.lieven {
background: #F0F2F3;
}
.list_lh li p {
资源评论
