字幕滚动效果html,修改好的jquery滚动字幕效果实现代码

最终效果图

源代码:

function scroll_news(){

var $firstNode = $('#scroll-container li');

//得到 i的值列数

var iRow = $('#scroll-container').find('li').length – 1;

//debugger;

$(function(){

$firstNode.eq(0).fadeOut('slow',function(){

$(this).clone().appendTo($(this).parent()).fadeIn('slow');

$(this).remove();

$firstNode.eq(iRow).hide();

});

}

$(document).ready(function(){

go();

});

function stop(){

clearInterval(sn);

}

function go(){

sn = setInterval('scroll_news()',2000);

}

#scroll-container{border:1px #000 solid;background:#FEC;height:23px;line-height:23px;}

#scroll-container li{list-style:none;display:none;font-size:12px;}

li a{color:#F00;text-decoration:none;margin-left:10px;}

li a:hover{text-decoration:underline;}

一生这么一次不再因为任性而不肯低头不再因为固执而轻言分手坚信一次一颗心需要坚定地去温暖另一颗心一直走就可以到白头就那样相守在来往的流年里岁月安好惟愿这一生执子之手与子偕老

字幕滚动效果html,修改好的jquery滚动字幕效果实现代码相关推荐

图片滚动插件+html5,超赞的jQuery图片滑块动画特效代码汇总
在网站开发过程中,特别是前端开发这块,经常会使用到很多图片滑块动画,也就是一些基于jQuery和HTML5的焦点图插件.本文将为大家收集10个超赞的jQuery图片滑块动画,这些现成的jQuery插件 ...
jQuery图片瀑布流demo效果示例（整理）jQuery瀑布流效果
效果图: <!DOCTYPE html> <html lang="zh"><head><meta charset="UTF-8& ...
图片向上滚动字幕代码html,如何通过制作滚动字幕的软件实现这种片尾的向上滚动字幕效果...
如何制作滚动字幕特殊滚动类字幕制作向上向下向左向右滚动字幕制作效果含拖动和消失全程真是酷B了爽呆了,赶快学习吧! 电影.连续剧等影视作品片尾,都会在播放片尾曲时,出现向上滚动的字幕,显示演员表 ...
JQuery实现广告效果（滚动切换）
JQuery实现广告效果(滚动切换) Html+css 效果如上图代码: Java代码 <!DOCTYPE html> <html> <head lang=&quo ...
C语言界面列表的滑动效果,jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)...
本文实例讲述了jQuery+ajax实现滚动到页面底部自动加载图文列表效果.分享给大家供大家参考,具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/ ...
html滚动字幕如何调色,如何通过制作滚动字幕的软件实现这种片尾的向上滚动字幕效果...
如何制作滚动字幕特殊滚动类字幕制作向上向下向左向右滚动字幕制作效果含拖动和消失全程真是酷B了爽呆了,赶快学习吧! 电影.连续剧等影视作品片尾,都会在播放片尾曲时,出现向上滚动的字幕,显示演员表 ...
简单的字幕效果html,7种HTML5 Figure图片字幕标题特效
这是一款效果非常酷的HTML5 Figure图片字幕标题特效jQuery插件.该插件可以将任何图片元素转换为带标题的HTML figure元素.它内置了7种不同的图片标题效果.当标题文字高于图片时,还 ...
歌词同步滚动，比市面的大多数效果都好，在平滑滚动的前提下加上了鼠标滚轮滚动以及上下拖拽功能
歌词滚动核心原理解析歌词文件,转换成JSON 对象,java 代码放在最下面将歌词时间部分存到数组,字符部分放到 HTML 标签里面,通过Jquery 选中所有歌词 $li ,拿到一个类似于数组的 ...
jQuery Easing 动画效果扩展--使用Easing插件，让你的动画更具美感。
jQuery Easing 是一款比较老的jQuery插件,在很多网站都有应用,尤其是在一些页面滚动.幻灯片切换等场景应用比较多.它非常小巧,且有多种动画方案供选择,使用简单,而且免费. 引入Eas ...

字幕滚动效果html,修改好的jquery滚动字幕效果实现代码

字幕滚动效果html,修改好的jquery滚动字幕效果实现代码相关推荐

最新文章

热门文章