知识大全 jquery 简单实用的无缝滚动效果

Posted 知

篇首语：吾生也有涯，而知也无涯。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 jquery 简单实用的无缝滚动效果相关的知识，希望对你有一定的参考价值。

jquery 简单实用的无缝滚动效果
<!DOCTYPE PUBLIC " //W C//DTD XHTML Transitional//EN" " /DTD/x transitional dtd">< xmlns=""><head><title>简单实用的无缝滚动效果</title><meta equiv="content type" content="text/;charset=gb "><! 把下面代码加到<head>与</head>之间 ><style type=text/css教程>*font size: px;#mydiv ulheight: px;overflow:hidden;margin: px;background:#eee;width: px#mydiv ul liheight: px;line height: px;</style><script src= target=_blank >javascript教程>google load("jquery" " ");google setOnLoadCallback(OnLoad);function OnLoad()function giveInterval(funcName time)var args=[];for(var i= ;i<arguments length;i++)args push(arguments[i]);return window setInterval(function()funcName apply(this args); time);function marquee(elem) if(!elem cloned)  elem (elem ()+elem ());   elem cloned= ;  elem Stop="go";  elem hover(function()elem Stop="stop"; function()elem Stop="go")  elem pause= ;  var scrtop=elem attr("scrollTop"); if(elem pause!= )  elem pause ;  return;  if((scrtop)% == )  elem pause= ;  if(elem Stop=="stop")return scrtop++; elem attr("scrollTop" scrtop); if(elem attr("scrollTop")>=elem attr("scrollHeight")/ )  elem attr("scrollTop" );  scrtop= ; giveInterval(marquee jQuery("#mydiv ul"));</script></head><body>预览效果时左下角会提示错误 而且看不到效果 刷新一下就可以看到效果了 当然 在实际使用中 不会出现这样的问题 <br><! 把下面代码加到<body>与</body>之间 ><div id="mydiv"> <ul>  <li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li>  <li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li> </ul></div></body></>
cha138/Article/program/Java/hx/201404/30480

相关参考

知识大全 jquery 滚动条事件简单实例

这篇文章介绍了jquery滚动条事件的简单实例有需要的朋友可以参考一下 复制代码代码如下:cha138/Article/program/Java/JSP/201311/20441

知识大全 jquery滚动组件(vticker.js)实现页面动态数据的滚动效果

本文为大家想你想介绍下jquery实现页面动态数据的滚动效果似乎只有通过divulli标签嵌套的方式才能实现表格多行多列的滚动效果 复制代码代码如下:<scriptlanguage="

知识大全 jQuery图片滚动图片的效果

jQuery图片滚动图片的效果  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！ 这个效果是

知识大全 jquery实现的一个导航滚动效果

　　现在先把代码拷贝到这里以后再逐一简化修改实现滚动效果脚本代码如下代码如下:varall=;varno=;vars_width=;$(document)ready(function()all=$(s

知识大全 jquery.blockUI.js实现上传滚动等待效果

jquery.blockUI.js实现上传滚动等待效果  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧

知识大全 jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果

jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下

知识大全 简单实用jquery版三级联动select示例

本文主要为大家介绍下通过jquery实现三级联动select这里用到的json文件只是事例根据情况添加或编写感兴趣的朋友可以参考下哈希望对大家有所帮助 　　和js部分复制代码代码如下:<

知识大全 ASP.NET中利用DataList实现图片无缝滚动

ASP.NET中利用DataList实现图片无缝滚动  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

知识大全 jquery 跳到顶部和底部动画2句代码简单实现

使用句代码简单实现jquery动画的跳到顶部和底部当点击顶部按钮的时候执行方法scrollTop属性获取选中标签距滚动条的距离具体的实现如下感兴趣的朋友可以参考下 复制代码代码如下:lish

知识大全 利用jquery的滚动条滚动固定div

cha138/Article/program/Java/JSP/201311/20304