教程集 > 脚本编程 > javascript > 正文文字上下滚动代码

文字上下滚动代码

发布时间：2023-04-29 编辑：jiaochengji.com

教程集为您提供文字上下滚动代码等资源，欢迎您收藏本站，我们将为您提供最新的文字上下滚动代码资源

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">    <html><head><title>阿里巴巴 全球领先的网上贸易市场</title><link   href="http://img.china.alibaba.com/favicon.ico" rel="shortcut icon">  <meta http-equiv=Content-Type content="text/html; charset=gb2312">  <style type=text/css>  BODY {  	FONT-SIZE: 12px; TEXT-ALIGN: center  }    UL {  	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none  }    DIV.layout_main {  	MARGIN-TOP: 5px; WIDTH: 900px}  DIV.layout_left {  	FLOAT: left; WIDTH: 427px  }  .title_01 {  	PADDING-LEFT: 10px; WIDTH: 426px; LINE-HEIGHT: 15px; HEIGHT: 22px! important; BACKGROUND-COLOR: #ff6600; TEXT-ALIGN: left  }  .title_01 .title_left {  	BORDER-TOP: #ff6600 6px solid; FONT-WEIGHT: bold; FONT-SIZE: 14px; FLOAT: left; WIDTH: 75px; COLOR: #666666; PADDING-TOP: 4px; HEIGHT: 24px; BACKGROUND-COLOR: #eeeeee; TEXT-ALIGN: center  }  .title_01 .title_right {  	FONT-SIZE: 12px; FLOAT: right; WIDTH: 360px; COLOR: #ffffff  }  .content_13 {  	MARGIN-TOP: 5px; FLOAT: left; MARGIN-BOTTOM: 10px  }  .content_13 UL {  	FLOAT: left; WIDTH: 425px; LINE-HEIGHT: 150%  }  .content_13 LI {  	FLOAT: left; HEIGHT: 19px; TEXT-ALIGN: left  }  .content_13 .title {  	FONT-WEIGHT: bold; WIDTH: 100px; TEXT-ALIGN: left  }  .content_13 .li01 {  	WIDTH: 100px; TEXT-ALIGN: left  }  .content_13 .li02 {  	WIDTH: 80px; TEXT-ALIGN: left  }  .content_13 .li03 {  	WIDTH: 50px; TEXT-ALIGN: left  }  .content_13 .li04 {  	WIDTH: 170px  }  #box1left LI {  	PADDING-LEFT: 5px; PADDING-TOP: 4px; HEIGHT: 19px  }  #box1leftC{}  .gray {  	COLOR: #cccccc  }    UL.greyText {  	BORDER-BOTTOM: #cccccc 1px solid  }  .greyText LI {  	TEXT-ALIGN: center  }    A:link {  	COLOR: #3d362b  }  A:visited {  	COLOR: #3d362b  }  A:hover {  	COLOR: #ff6600  }  #icefable1C {  	FLOAT: left  }    </style>    <meta content="MSHTML 6.00.2900.2963" name=GENERATOR></head>  <body >      <div class=layout_main>    <div class=layout_left>  <div class=title_01 id=title01>    <div class=title_right id=icefable1>  <div id=box1left>  <ul>    <li>近期成交总金额：<span     style="COLOR: #fff; TEXT-DECORATION: underline">251553627</span>元 成交订单数：<span     style="COLOR: #fff; TEXT-DECORATION: underline">16338</span>笔 </li>    <li>贸易通商家： 5483669 人 供求信息数：9979572条 </li>    <li>近期最新供应：1197380条 近期最新求购：17708条 </li></ul></div></div></div>  <script type=text/javascript>  marque(320,19,"icefable1","box1left")  var scrollElem;  var stopscroll;  var stoptime;  var preTop;  var leftElem;  var currentTop;  var marqueesHeight;  function marque(width,height,marqueName,marqueCName){  	try{  	  marqueesHeight = height;  	  stopscroll     = false;    	  scrollElem = document.getElementById(marqueName);  	  with(scrollElem){  		style.width     = width;  		style.height    = marqueesHeight;  		style.overflow  = 'hidden';  		noWrap          = true;  	  }    	  scrollElem.onmouseover = new Function('stopscroll = true');  	  scrollElem.onmouseout  = new Function('stopscroll = false');    	  preTop     = 0;   	  currentTop = 0;   	  stoptime   = 0;    	  leftElem = document.getElementById(marqueCName);  	  scrollElem.appendChild(leftElem.cloneNode(true));  		    	  init_srolltext();    	}catch(e) {}  }  function init_srolltext(){    scrollElem.scrollTop = 0;    setInterval('scrollUp()', 20);  }    function scrollUp(){    if(stopscroll) return;    currentTop  = 1;    if(currentTop == marqueesHeight 1) {      stoptime  = 1;      currentTop -= 1;      if(stoptime == (marqueesHeight)*4) {//停顿时间        currentTop = 0;        stoptime = 0;      }    }else{        preTop = scrollElem.scrollTop;      scrollElem.scrollTop  = 1;      if(preTop == scrollElem.scrollTop){        scrollElem.scrollTop = marqueesHeight;        scrollElem.scrollTop  = 1;      }    }  }  </script>      <div class=content_13>  <ul class=greyText>    <li class=title>报价产品 </li>    <li class=li02>单价 </li>    <li class=li03>起定量 </li>    <li     class=li04>         厂家         更多 </li></ul>  <div id=icefable1C>  <div id=box1leftC>  <ul>    <li class=li01>学生书包 </li>    <li class=li02>68.00元/个 </li>    <li class=li03>200个 </li>    <li class=li04>佛山艺华皮革制品有限公司 </li></ul>  <ul>    <li class=li01>喜糖袋 </li>    <li class=li02>0.50元/个 </li>    <li class=li03>500个 </li>    <li class=li04>宁国市敞篷车时尚礼品商行 </li></ul>  <ul>    <li class=li01>琉璃饰品 </li>    <li class=li02>0.50元/粒 </li>    <li class=li03>1000粒 </li>    <li class=li04>北京东方亨利珠宝首饰有限公司 </li></ul>  <ul>    <li class=li01>数码摄像机 </li>    <li class=li02>895.00元/台 </li>    <li class=li03>2台 </li>    <li class=li04>深圳市英贝尔实业有限公司 </li></ul>  <ul>    <li class=li01>丝袜花 </li>    <li class=li02>0.55元/条 </li>    <li class=li03>10条 </li>    <li class=li04>诸暨市草塔越健针织厂 </li></ul>  <ul>    <li class=li01>童装 </li>    <li class=li02>16.00元/条 </li>    <li class=li03>20条 </li>    <li class=li04>湖州织里丫丫兔制衣厂 </li></ul>      </div></div></div>  <script language=JavaScript>    </script>        </div>  </div>          </body></html>

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

您可能感兴趣的文章：
Javascript 连续滚动字幕的实现代码示例
 jquery 文字上下滚动的小例子
 javascript文字无间断滚动效果（文字上下无缝滚动）
基于jQuery的可以控制左右滚动及自动滚动效果的代码
 jQuery滚动效果插件 jQuery.SerialScroll
JavaScript制作滚动字幕
 JS滚轮事件onmousewheel的用法
 jquery 文字上下滚动效果的代码
 Javascript实现图片上下左右滚动的代码
 javascript 文字图片上下滚动的示例代码

上一篇：漂亮的tip效果下一篇：js树形菜单_树形菜单代码

[关闭]

文字上下滚动代码

最近更新

浏览排行