教程集 > jQuery > jquery 教程 > 正文间歇向上翻滚代码

间歇向上翻滚代码

发布时间：2023-12-25 编辑：jiaochengji.com

教程集为您提供间歇向上翻滚代码等资源，欢迎您收藏本站，我们将为您提供最新的间歇向上翻滚代码资源

提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  <title>符合标准的多图片间歇向上翻滚代码</title>  <style type="text/css">  body {  	color:#000;  	font-size:12px;  	margin:0 auto;  	padding:0;  }  FORM {  	MARGIN: 0px;  	padding:0px;  }  .brandAll ul {  	margin:0;  	padding:0;  }  .brandMain{  	MARGIN: 0px;   	WIDTH:468px;  	background:#ffffff;  	padding:0px;  	border:1px solid #A9D390;  	clear:both;  }  .brandAll{  	WIDTH: 468px;  	margin: 0px;  	padding: 0px;  }  .brandAll li {  	width:100%;  	height:30px;  	margin:0px;  	padding: 0px;list-style:none;  	float:left;  }  .b1{  	background-color: #FAF0DE;  }  .brandAll img {  }  </style>  </head>  <body>  <script language="JavaScript">  var obj_marquee;  var marquee_spd = 4000;  var step_c = 0;  function marquee_init() {    obj_marquee = document.getElementById("marquee");    var obj_unit = obj_marquee.firstChild;    var n = Math.ceil(parseInt(obj_marquee.style.height) / obj_unit.offsetHeight);    for(var i=0; i<n; i  ) obj_marquee.appendChild(obj_unit.cloneNode(true));  setInterval("step_c=0;setTimeout('marquee_show()',30)", marquee_spd);    return;  }  function marquee_show() {    var marquee_high = parseInt(obj_marquee.style.height);    var step = marquee_high/60;    if(obj_marquee.scrollTop >= obj_marquee.children[1].offsetTop) {      obj_marquee.scrollTop = 0;      marquee_show();      return;    }    obj_marquee.scrollTop  = step;    if(step_c   < 60) setTimeout("marquee_show()", 30);    return;  }  window.onload=marquee_init;  </script>  <div class="brandMain">    <div id="marquee" class="brandAll" style="overflow:hidden;height:60px;width:468px;border:0px;padding:0px;">   <div style="border:0px;padding:0px">       <div style="height:60px;" class="brandAll"><ul>  	<li class="b1">去wewqsafhkdsflk </li>  	<li>去wewqsafhkdsflk </li>  	<li class="b1">去wewqsafhkdsflk </li>  	<li>去wewqsafhkdsflk </li>  	<li class="b1">去wewqsafhkdsflk </li>  	<li>去wewqsafhkdsflk </li>  	<li class="b1">去wewqsafhkdsflk </li>  	<li>去wewqsafhkdsflk </li>  </ul></div>         </div>  </div>  </div>  </body>  </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
jQuery实现单行文字间歇向上滚动源代码
 jquery无缝向上滚动实现代码
 js 多图片间歇向上翻滚代码
 js文字滚动翻页的效果
 js 横向带停顿图片滚动效果代码
 jquery 单行滚动、批量多行滚动、文字图片翻屏滚动效果代码
 间歇式横向滚动广告代码
 基于jQuery的可以控制左右滚动及自动滚动效果的代码
 jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
 jQuery滚动插件 Endless Scroll

上一篇：js弹出层效果下一篇：一个关于图片hover属性

[关闭]

间歇向上翻滚代码

最近更新

浏览排行