在参与的项目中使用的一个页面动态滚动效果,在此分享给大家:
function goMarqueel(obj){
var _wrap=$('div #'+obj);//定义滚动区域
var _interval=5000;//定义滚动间隙时间
var _moving;//需要清除的动画
_wrap.hover(
function(){
clearInterval(_moving);//当鼠标在滚动区域中时,停止滚动
},
function(){
_moving=setInterval(function(){
var _field=_wrap.find('.b_size:first');//此变量不可放置于函数起始处,.buzzes:first取值是变化的
var _h=_field.height();//取得每次滚动高度
_field.animate({marginTop:-_h+'px'},1000,function(){//通过取负margin值,隐藏第一行
_field.css('marginTop',0).appendTo(_wrap);//隐藏后,将该行的margin值置零,并插入到最后,实现无缝滚动
})
},_interval)//滚动间隔时间取决于_interval
}).trigger('mouseleave');//函数载入时,模拟执行mouseleave,即自动滚动
}
相关推荐
jQuery全屏页面滚动效果页面上下滚动效果代码jq插件
JS实现页面图片轮播滚动效果 JS实现页面图片轮播滚动效果 JS实现页面图片轮播滚动效果 JS实现页面图片轮播滚动效果 JS实现页面图片轮播滚动效果
Android 实现小红书登陆页面背景图无限滚动效果,有需要的可以看下
WEB页面需要展示网站最新信息,如微博动态、余票信息、路况监控等项目中常见的实时数据滚动效果,我们可以用jQuery来实现前端信息滚动效果。本文我们将结合实例为大家讲解如何使用jQuery来实现图文信息滚动效果。
Bootstrap页面模板 带有滚动效果,鼠标向下拉动时,导航栏会自动出现在顶端
带缓冲的仿苹果官网页面垂直滚动效果OnePageScroll,效果预览:http://www.juheweb.com/js/bj/116.html
页面视觉差滚动效果采用html5+css3技术,随着鼠标滑轮滚动触发事件产生视觉差效果
js 页面波浪滚动效果 很好用的 资源不错
本文实例讲述了JS实现部分HTML固定页面顶部随屏滚动效果。分享给大家供大家参考,具体如下: 我们经常在淘宝网看到这样的特效,商品列表特别长,而商品列名称始终保持在最顶端。如果你把滚动条滚动至最上边了,那么...
鼠标移出时则继续实现滚动效果。 【涉及知识点】 css如何实现文字滚动,CSS3属性应用,animation的应用,如何使用liMarquee实现滚动,文字滚动效果,jquery鼠标事件的应用。 【实现原理】 a.原理主要就是利用css3的...
javascript实现全屏页面滚动效果.docx
实际情况使用Ajax获取后台数据更新前端页面即可实现页面滚动刷新效果 HTML正文: <form id="form1" runat="server"> </form> Javascript操作代码: $(document).ready(function() { $(window)....
类似于:www.mingdao.com首页的滚动切换,鼠标滚轮上下滑动的时候,页面显示切换效果
web页面效果,JS实现图片滚动,做页面效果蛮不错的
jQuery实现的浮动层跟随页面上下滚动效果源码.zip
微信端滑动滚动效果H5营销页面
一款非常大气的全屏网站切换特效,点击顶部固定导航菜单链接自动切换到对应内容的jQuery全屏页面滚动导航切换效果。
接下来,我们转入今天我要分享的技术性问题:全屏页面实现滚动。 实现的代码很简单,但是发现其中存在的问题就要靠长久的经验、读书阅历、以及程序员丰富的想象力。 先来看看,最后完成的两个效果图,以及...
超酷的固定菜单页面滚动效果,使用js控制进行实现