//滚动函数
function Marquee(){
//var h = parseInt($('#roll').find('tr:first').attr('Height'));//第一行tr高度(height属性的值)
var h = parseInt($('#roll').find('tr:first').attr('offsetHeight'));//第一行tr高度
var s = parseInt($('#roll').css('margin-top')); //<table>的margin-top的值(第一次未定义)
if(isNaN(s)){
s = 0;
}else{
if(s == -h){//当移动一个tr的高度时
//$("#roll").find('tr:first').appendTo("#roll");或
$("#roll").find('tr:first').appendTo($("#roll"));// 把第一行tr剪切添加到 table的最后一行
//alert($('#roll').find('tr:first').attr('id'))
s =-1;
}else{
s-=1;
}
}
$('#roll').css('margin-top',s); //负数往上移
}
window.setInterval(Marquee,500);
分享到:
相关推荐
一个由html5+css3实现的页面滚动,图片立体式加载的效果插件——jquery.tiltedpage-scroll 使用方法也比较简单: 1、在网页head中依次调用三个js和一个css文件 2、将“代码”部分拷贝到你需要的地方即可
JQuery实现动态滚动菜单效果 JQuery实现动态滚动菜单效果 JQuery实现动态滚动菜单效果
jQuery animate封装向上滚动插件,使用定时器setInterval调用封装的插件实现滚动公告
用jQuery实现的上下滚动公告栏。主要用jQuery中的animate()方法和setInterval()实现的,代码简单使用。
jQuery实现滚动新闻代码是一款基于bootstrup 3实现的响应式jQuery滚动新闻插件。
Jquery实现简单的滚动刷新效果: 实际情况使用Ajax获取后台数据更新前端页面即可实现页面滚动刷新效果 HTML正文: <form id="form1" runat="server"> </form> Javascript操作代码: $(document)....
jQuery滚动效果插件 Waypoints ,Waypoints 是一个 jQuery 用来实现捕获各种滚动事件的插件,例如实现无翻页的内容浏览,...
jQuery实现表头固定表格内容滚动效果 jQuery实现表头固定表格内容滚动效果
jQuery实现列表自动滚动循环滚动展示新闻,鼠标悬停时停止滚动并提示,离开后,继续滚动,实现的代码如下,需要的朋友可以看看
jquery自下而上循环滚动table
jQuery插件,实现左右滚动并带停顿效果
jQuery,滚动背景,jQuery实现滚动背景,图片背景滚动!
jquery 滚动加载,最简单最实用的滚动加载
这里是一个比较简单的用jQuery实现定位滚动导航效果的代码,如果需要可以下载学习。
jquery实现的滚动字幕。
使用jquery实现的漂亮的滚动图片,从网上扒的代码稍加改进
用jquery实现整屏滚动,源码,图片等一应俱全,解压后能直接运行出效果。
用jQuery实现列表项滚动的效果
jquery实现图片左右连续滚动
jQuery图片左右滚动效果代码是一款带左右箭头,自动轮播的jQuery图片切换特效。