JQuery实现文字滚动效果-最简单的方法

原创 2013年12月03日 21:51:06
<div class="sidinfolist" style="width:300px;height:105px;overflow:hidden;margin-right:0px;color:#ff6600;">

    <ul style="width:300px;" id="gun">

    <li style="padding:8px;background:url('{DT_SKIN}image/iclistsid.png') no-repeat 8px 8px"><span>陈**</span>&nbsp;&nbsp;购买&nbsp;&nbsp;<span>特惠体验三期.1万起投</span>&nbsp;&nbsp;<span></span></li>
    <li style="padding:8px;background:url('{DT_SKIN}image/iclistsid.png') no-repeat 8px 8px"><span>李**</span>&nbsp;&nbsp;购买&nbsp;&nbsp;<span>特惠体验三期.1万起投</span>&nbsp;&nbsp;<span></span></li>
    <li style="padding:8px;background:url('{DT_SKIN}image/iclistsid.png') no-repeat 8px 8px"><span>刘**</span>&nbsp;&nbsp;购买&nbsp;&nbsp;<span>特惠体验三期.1万起投</span>&nbsp;&nbsp;<span></span></li>
    <li style="padding:8px;background:url('{DT_SKIN}image/iclistsid.png') no-repeat 8px 8px"><span>吴**</span>&nbsp;&nbsp;购买&nbsp;&nbsp;<span>特惠体验三期.5万起投</span>&nbsp;&nbsp;<span></span></li>
    </ul>
</div>

<script type="text/javascript">
// 购买滚动
function gunDong(){
    var big=$('#gun');
    var ob=$('#gun li:last');
    ob.hide();
    ob.prependTo(big);
    ob.slideDown('1000');
}

$(function(){ 

    setInterval("gunDong()",3000);

}); 

</script>



版权声明:本文为博主原创文章,未经博主允许不得转载。

JQuery实现文字无缝滚动效果(Marquee插件)

推荐一个JQuery的无缝文字滚动效果,同时也可以滚动图片,也叫做跑马灯效果。 此jquery插件,依托jquery库,能实现各种滚动效果,且让HTML代码符合W3C标准。 官方演示,如下...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

利用jquery实现文字上下滚动

jquery 文字滚动大全 单行滚动 多行滚动 带按钮控制滚

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> jquer...

文字无缝滚动jQuery上下滚动js效果代码

HTML代码 jQuery文字无缝滚动效果代码 - 16素材网 $(document).ready(function(){ $('.list_lh li:even').addCla...
  • cplvfx
  • cplvfx
  • 2017年02月17日 12:02
  • 1676

myEclipse中的web项目直接引入到eclipse中运行

1、进入项目目录,找到.project文件,打开。  2、找到...代码段。  3、在第2步的代码段中加入如下标签内容并保存:  org.eclipse.wst.comm...

OpenGL游戏程序设计——————关于这本书

OpenGL游戏程序设计 ——美 k.霍金 & D.阿斯特        这本书是国外经典教材,是学习使用OpenGL进行3D游戏设计的一个很实用的资料,非常适合于打算进行游戏开发的程序员使用。 ...

JQUery实现上下循环滚动效果

  • 2015年08月03日 17:07
  • 31KB
  • 下载

jquery实现单行滚动效果

  • 2012年11月07日 15:36
  • 10KB
  • 下载

JQuery实现数字滚动增加的效果

转自:http://www.gbtags.com/gb/share/6207.htm 因为项目要求,要做一个数字滚动增加的效果。在网上没有找到好的插件,所以就自己做了一个,供大家参考。 先来看一下...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JQuery实现文字滚动效果-最简单的方法
举报原因:
原因补充:

(最多只允许输入30个字)