第三种：消失与出现
第四种：渐隐渐现
第五种：滑上滑下
HTML代码CSS代码JS代码
&div class=&text& id=&text&&
&ul class=&sliderbox&&
&li&&a href=&&&测试文字1滚动Lorem ipsum dolor sit1.&/a&&/li&
&li&&a href=&&&测试文字2滚动Lorem ipsum dolor sit2.&/a&&/li&
&li&&a href=&&&测试文字3滚动Lorem ipsum dolor sit3.&/a&&/li&
&li&&a href=&&&测试文字4滚动Lorem ipsum dolor sit4.&/a&&/li&
&li&&a href=&&&测试文字5滚动Lorem ipsum dolor sit5.&/a&&/li&
&li&&a href=&&&测试文字6滚动Lorem ipsum dolor sit1.&/a&&/li&
&li&&a href=&&&测试文字7滚动Lorem ipsum dolor sit2.&/a&&/li&
&li&&a href=&&&测试文字8滚动Lorem ipsum dolor sit3.&/a&&/li&
&li&&a href=&&&测试文字9滚动Lorem ipsum dolor sit4.&/a&&/li&
&li&&a href=&&&测试文字10滚动Lorem ipsum dolor sit5.&/a&&/li&
&li&&a href=&&&测试文字11滚动Lorem ipsum dolor sit1.&/a&&/li&
&li&&a href=&&&测试文字12滚动Lorem ipsum dolor sit2.&/a&&/li&
&li&&a href=&&&测试文字13滚动Lorem ipsum dolor sit3.&/a&&/li&
&li&&a href=&&&测试文字14滚动Lorem ipsum dolor sit4.&/a&&/li&
&li&&a href=&&&测试文字15滚动Lorem ipsum dolor sit5.&/a&&/li&
.sliderbox{position:}/*必须加这句css,否则向左右，上下滚动时会没有效果*/
.text{height:150 width:200 overflow: position: margin:0}
.text li{line-height:30 height: 30 width: 200 white-space: overflow: text-overflow:}
$("#text").powerSlider({delayTime:1000,sliderNum:5});
//$("#text-left").powerSlider({handle:"left",delayTime:2000,sliderNum:5});
$("#text-hide").powerSlider({handle:"hide",delayTime:3000,sliderNum:5,speed:0});
//$("#text-fadeTo").powerSlider({handle:"fadeTo",delayTime:4000,sliderNum:5});
$("#text-slideTo").powerSlider({handle:"slideTo",delayTime:5000,sliderNum:5});//请对照相应的对象写相应的动作。插件描述：jquery文字上下滚动插件jqScroll.js调用简单,代码注释很清楚。
相关插件-滚动
讨论这个项目（14）回答他人问题或分享插件使用方法奖励jQ币
不知道好不好用？
哎哟！不错哟0
致我们终将逝去的0
怎么赚币啊
正在寻找的东西，下载来用一下
1路YOU亻尔0
下载到了吗& 能不能发给我
很不错的插件，能自适应吗？
怎么赚钱啊?????
哎哟！不错哟0
我也想知道，怎么赚钱
余额不足,发布资源、回答他人提问、分享插件使用方法奖励jQ币，或者直接&充值!
可以 我也想学
1路YOU亻尔0
wo ya xiang& a das d
PROMULGATOR
盗号的（si） 全 家
关注作者 (6)
收藏此插件 (96)
我当前jQ币余额：正在获取..
已下载次数：413
所需jQ币：1jQuery实现简单的间隔向上滚动效果
来源：易贤网&& 阅读：1299 次&&日期：
温馨提示：易贤网小编为您整理了“jQuery实现简单的间隔向上滚动效果”,方便广大网友查阅！
这篇文章主要介绍了jQuery实现简单的间隔向上滚动效果,实例分析了jQuery通过animate与setInterval控制dom元素滚动特效的技巧,需要的朋友可以参考下
本文实例讲述了jQuery实现简单的间隔向上滚动效果的方法。分享给大家供大家参考。具体实现方法如下：
&script type="text/javascript" src="js/jquery-1.4.4.min.js"&&/script&
&div id="broadcast" class="bar" name="giftactive"&
&div style="float:left"&&strong&间隔滚动效果：&/strong&&/div&
&div id="demo" style="overflow:height:22line-height:22"&
&ul class="mingdan" id="holder"&
&li&&a href="#" target="_blank"&aaaaaa&/a&&/li&
&li&&a href="#" target="_blank"&bbbbbb&/a&&/li&
&li&&a href="#" target="_blank"&cccccc&/a&&/li&
&li&&a href="#" target="_blank"&dddddd&/a&&/li&
&li&&a href="#" target="_blank"&eeeeee&/a&&/li&
&script type="text/javascript"&
function AutoScroll(obj) {
$(obj).find("ul:first").animate({
marginTop: "-22px"
}, 500, function() {
$(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
$(document).ready(function() {
setInterval('AutoScroll("#demo")', 1000)
希望本文所述对大家的jQuery程序设计有所帮助。
更多信息请查看
更多信息请查看
【】&&&&&【点此处查询各地各类考试咨询QQ号码及交流群】
易贤网手机网站地址：
由于各方面情况的不断调整与变化，易贤网提供的所有考试信息和咨询回复仅供参考，敬请考生以权威部门公布的正式信息和咨询为准！
相关阅读 & & &
&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp会员注册
本站不参与评论！（）
自觉遵守：爱国、守法、自律、真实、文明的原则
尊重网上道德，遵守中华人民共和国各项有关法律法规
严禁发表危害国家安全，破坏民族团结、国家宗教政策和社会稳定，含侮辱、诽谤、教唆、淫秽等内容的评论
承担一切因您的行为而直接或间接导致的民事或刑事法律责任
您在本站发表的评论，本站有权保留、转载、引用或者删除
参与本评论即表明您已经阅读并接受上述条款Jquery DIV滚动至浏览器顶部后固定不动代码
Jquery DIV滚动至浏览器顶部后固定不动代码
| 时间： 20:24:50 | 阅读数：
[导读] 获取元素（这里定位元素A）距离顶部的高度，接着设定scroll滚动的事件，比如超过那个高度，把A的位置设定为fixed，小于该高度，修改回relative。效果例1
代码如下复制代码
&script type=&text javas
获取元素（这里定位元素A）距离顶部的高度，接着设定scroll滚动的事件，比如超过那个高度，把A的位置设定为fixed，小于该高度，修改回relative。
效果例1
&script type=&text/javascript& src=&/jquery-latest.js&&&/script& &script& $(function() { &&& var elm = $('#pordAttr'); &&& var startPos = $(elm).offset(). &&& $.event.add(window, &scroll&, function() { &&&&&&& var p = $(window).scrollTop(); &&&&&&& $(elm).css('position',((p) & startPos) ? 'fixed' : 'static'); &&&&&&& $(elm).css('top',((p) & startPos) ? '0px' : ''); &&& }); }); &/script&
&$(function(){&//获取要定位元素距离浏览器顶部的距离&var navH = $(&.nav&).offset().&//滚动条事件&$(window).scroll(function(){&//获取滚动条的滑动距离&var scroH = $(this).scrollTop();&//滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定&if(scroH&=navH){&$(&.nav&).css({&position&:&fixed&,&top&:0});&}else if(scroH&navH){&$(&.nav&).css({&position&:&static&});&}&})&})
这种只要超过我们固定的位置我们就可以随便用户滚动而滚动了。
手机扫描下方二维码，关注php100官方微信。
同步官网每日更新，为您带来随时随地的资讯与技术信息。更有不定期的互动抽奖活动，赢取实用贴心的小礼物。
除非特别声明，PHP100新闻均为原创或投稿报道，转载请注明作者及原文链接原文地址：
友情链接与合作伙伴
粤ICP备号-3Jquery DIV滚动至浏览器顶部后固定不动代码-jquery-网页制作-壹聚教程网Jquery DIV滚动至浏览器顶部后固定不动代码
获取元素（这里定位元素A）距离顶部的高度，接着设定scroll滚动的事件，比如超过那个高度，把A的位置设定为fixed，小于该高度，修改回relative。
&script type=&text/javascript& src=&/jquery-latest.js&&&/script&
$(function() {
&&& var elm = $('#pordAttr');
&&& var startPos = $(elm).offset().
&&& $.event.add(window, &scroll&, function() {
&&&&&&& var p = $(window).scrollTop();
&&&&&&& $(elm).css('position',((p) & startPos) ? 'fixed' : 'static');
&&&&&&& $(elm).css('top',((p) & startPos) ? '0px' : '');
&$(function(){
&//获取要定位元素距离浏览器顶部的距离
&var navH = $(&.nav&).offset().
&//滚动条事件
&$(window).scroll(function(){
&//获取滚动条的滑动距离
&var scroH = $(this).scrollTop();
&//滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定
&if(scroH&=navH){
&$(&.nav&).css({&position&:&fixed&,&top&:0});
&}else if(scroH&navH){
&$(&.nav&).css({&position&:&static&});
这种只要超过我们固定的位置我们就可以随便用户滚动而滚动了。
上一页： &&&&&下一页：相关内容