源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
查看: 11|回复: 18

[JavaScript] jquery xMarquee实现文字水平无缝滚动效果

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2014-4-29 15:41:41 | 显示全部楼层 |阅读模式
这篇文章主要介绍了jquery xMarquee实现文字水平无缝滚动效果,需要的朋友可以参考下  
css
复制代码 代码如下:
<style>
.xMarquee{border:1px solid #ccc;height:25px;width:500px; margin:50px auto; background:#ffffff; overflow:hidden;}
.xMarquee ol{list-style-type:none; margin:0px; padding:0px; font-size:12px; width:100000%;}
.xMarquee ol li{float:left;}
.xMarquee ol li a{ color:#000; text-decoration:none; line-height:25px;}
.xMarquee ol li a:hover{ text-decoration:underline;}
</style>

js
复制代码 代码如下:
<script src="xMarquee.js" type="text/javascript"></script>

<script>
$(function(){
$("#x1").xMarquee();
$("#x2").xMarquee({temp:2,backMarquee:'backMarquee'});
})


function backMarquee(id,con){
$("#backMarquee").html(id+"::::::::::::::::::::"+con);
}
</script>

html
复制代码 代码如下:
<div id="x1" class="xMarquee">
<ol>
<li><a href="" >♠ 中国移动</a></li>
<li><a href="" >♠ 双向录音</a></li>
<li><a href="" >♠ 360通话录音是目前较好的</a></li>
<li><a href="" >♠ 中国移动</a></li>
<li><a href="" >♠ 双向录音</a></li>
<li><a href="" >♠ 360通话录音是目前较好的</a></li>
</ol>
</div>

<div id="x2" class="xMarquee">
<ol>
<li><a href="" >♠ 中国移动</a></li>
<li><a href="" >♠ 双向录音</a></li>
<li><a href="" >♠ 360通话录音是目前较好的</a></li>
<li><a href="" >♠ 中国移动</a></li>
<li><a href="" >♠ 双向录音</a></li>
<li><a href="" >♠ 360通话录音是目前较好的</a></li>
</ol>
</div>

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

本文来自: csdn 高山and流水博客
回复

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-2-11 10:05:07 | 显示全部楼层
为全额万千瓦
回复 支持 反对

使用道具 举报

1

主题

2万

回帖

155

积分

注册会员

Rank: 2

积分
155
发表于 2023-4-9 17:50:38 | 显示全部楼层
激动人心,无法言表!
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

68

积分

注册会员

Rank: 2

积分
68
发表于 2023-4-13 16:11:33 | 显示全部楼层
大家都不容易!
回复 支持 反对

使用道具 举报

27

主题

2万

回帖

331

积分

中级会员

Rank: 3Rank: 3

积分
331
发表于 2023-6-21 13:28:38 | 显示全部楼层
啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-10-21 02:47:48 | 显示全部楼层
2222222222222222
回复 支持 反对

使用道具 举报

1

主题

2万

回帖

79

积分

注册会员

Rank: 2

积分
79
发表于 2023-11-19 10:40:06 | 显示全部楼层
儿童服务绯闻绯闻绯闻
回复 支持 反对

使用道具 举报

1

主题

1万

回帖

93

积分

注册会员

Rank: 2

积分
93
发表于 2024-3-26 20:53:43 | 显示全部楼层
dfdsafdsfdsfdsf
回复 支持 反对

使用道具 举报

2

主题

1万

回帖

146

积分

注册会员

Rank: 2

积分
146
发表于 2024-4-3 03:22:10 | 显示全部楼层
加快速度很快就撒谎
回复 支持 反对

使用道具 举报

3

主题

2万

回帖

294

积分

中级会员

Rank: 3Rank: 3

积分
294
发表于 2024-4-3 06:48:33 | 显示全部楼层
啦啦啦啦啦啦哈哈哈
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-11-23 12:25 , Processed in 0.068037 second(s), 24 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表