`
q272156430
  • 浏览: 275827 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

jquery滚动实现

阅读更多
//滚动函数
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);

 

分享到:
评论

相关推荐

    jQuery滚动实现页面图片3D切换效果(html5+css3)

    一个由html5+css3实现的页面滚动,图片立体式加载的效果插件——jquery.tiltedpage-scroll 使用方法也比较简单: 1、在网页head中依次调用三个js和一个css文件 2、将“代码”部分拷贝到你需要的地方即可

    jQuery滚动公告

    jQuery animate封装向上滚动插件,使用定时器setInterval调用封装的插件实现滚动公告

    JQuery实现动态滚动菜单效果

    总的来说,使用JQuery实现动态滚动菜单效果需要对DOM操作、事件处理、CSS选择器和动画有深入理解。通过结合以上知识点,我们可以创建一个既美观又实用的动态滚动菜单,提升网站的整体用户体验。

    jQuery实现表头固定表格内容滚动效果

    在网页设计中,当表格数据过多...总之,通过`jQuery`实现表头固定表格内容滚动效果,可以提升用户在浏览大量数据时的体验。在实际应用中,可以根据项目需求对上述代码进行调整和优化,以达到最佳的视觉效果和性能表现。

    jquery滚动字幕

    jQuery滚动字幕的实现主要基于CSS样式和jQuery事件监听。首先,通过CSS设置字幕的初始位置和动画属性,然后利用jQuery的动画方法(如`animate()`)控制元素的位置变化,从而实现字幕的滚动效果。滚动方向可以是上下...

    jQuery实现列表自动滚动循环滚动展示新闻

    3. jQuery实现滚动功能:首先在jQuery的$(function() {})内定义局部变量$this来引用新闻滚动容器的jQuery对象。然后通过$.hover()方法为容器添加鼠标悬停事件,当鼠标悬停时调用 clearInterval() 来清除滚动定时器,...

    基于jQuery实现滚动刷新效果

    Jquery实现简单的滚动刷新效果: 实际情况使用Ajax获取后台数据更新前端页面即可实现页面滚动刷新效果 HTML正文: &lt;form id="form1" runat="server"&gt; &lt;/form&gt; Javascript操作代码: $(document)....

    滚动新闻,滚动图片,jquery滚动新闻,jqeury滚动图片

    二、jQuery滚动新闻 1. 滚动新闻原理:通过定时改变新闻项的显示位置,模拟出滚动效果。可以使用`setTimeout()`或`setInterval()`函数来实现定时任务。 2. 使用`.next()`和`.prev()`:结合`index()`方法,可以实现...

    jQuery左右滚动效果(带停顿)

    在这个左右滚动效果中,jQuery起到了核心作用,它负责监听用户的交互行为,控制内容的平滑滚动,并实现停顿效果。 左右滚动的效果通常是通过改变元素的CSS `left` 或 `right` 属性来实现的。在jQuery中,我们可以...

    jQuery滚动插件

    jQuery滚动插件是用于增强网页滚动效果的一种JavaScript库,它能够帮助开发者轻松实现平滑滚动、无限滚动、滚动监听等多种功能,极大地提升了用户体验。在网页设计中,滚动效果是一个重要的组成部分,它能引导用户...

    Jquery滚动条展示图片

    "Jquery滚动条展示图片"是指利用jQuery实现的一种动态效果,当用户滚动页面时,图片会随着滚动条的移动而展现出来。这种效果常用于创建视觉吸引力强、交互性高的网站。 在实现这一功能时,我们需要考虑以下几个关键...

    jQuery实现页面滚动切换

    接下来,我们用jQuery编写JavaScript代码来实现滚动切换: 1. **监听滚动事件**:使用`$(window).scroll(function() {...})`监听滚动事件。 2. **获取滚动位置**:通过`$(window).scrollTop()`获取滚动条的位置。 ...

    jquery滚动插件,包括文字和图片

    在给定的标题“jquery滚动插件,包括文字和图片”中,我们可以理解这是一个利用jQuery实现的插件,主要用于创建动态的滚动效果,既能够处理文本也能够处理图像。这种插件在网页设计中非常常见,用于制作新闻滚动条、...

    jquery 滚动广告图片

    根据提供的文件信息,本文将详细解析“jquery滚动广告图片”的实现原理、代码结构及关键功能。此案例展示了如何使用jQuery库来实现一个自动滚动显示图片的广告轮播效果。 ### 一、整体概述 该案例的目标是创建一个...

    jQuery实现滚动新闻代码.zip

    本项目“jQuery实现滚动新闻代码”利用jQuery的灵活性和强大的功能,结合Bootstrap 3框架,创建了一个响应式的新闻滚动效果。Bootstrap 3是Twitter推出的一个开源前端框架,它提供了丰富的预设样式、组件和...

    用jquery实现整屏滚动

    jQuery简化了JavaScript的DOM操作,动画效果以及事件处理,使得整屏滚动的实现变得更加简单。 首先,我们需要理解整屏滚动的基本原理。整屏滚动,也称为全屏滚动或平滑滚动,是指用户在浏览网页时,页面的内容能够...

    jquery自下而上循环滚动table

    jquery自下而上循环滚动table

    jQuery滚动菜单插件Section Menu

    **jQuery滚动菜单插件Section Menu详解** jQuery Section Menu是一款实用的JavaScript插件,它专为网页设计者和开发者提供了一种高效的方式,来创建一个侧边栏的菜单,该菜单可以随着用户滚动页面而更新,指向页面...

    给力的jquery滚动条插件

    标题中的“给力的jquery滚动条插件”指的是一个基于jQuery库的滚动条增强插件,这类插件通常用于替换浏览器默认的滚动条样式,提供更美观、可自定义的滚动交互体验。在网页设计中,滚动条是用户浏览长内容时不可或缺...

    用jQuery实现定位滚动导航效果

    以上就是一个基本的jQuery定位滚动导航效果实现过程。通过调整CSS样式和JavaScript逻辑,你可以根据实际需求定制更复杂的动画效果或交互行为。这个压缩包文件"定位滚动导航效果"可能包含了示例的HTML、CSS和...

Global site tag (gtag.js) - Google Analytics