如何制作h5页面_微信h5是什么_h5模板设计_免费好用的h5制作软件_互动h5
当前位置:建站首页 > 新闻资讯 > 网站建设 >

js文本目录无缝拼接翻转编码

发表日期:2021-04-08 06:38文章编辑:jianzhan浏览次数: 标签:    

js文本目录无缝拼接翻转编码 阅读文章量:1 公布于: 20-07-06 10:30


image



!DOCTYPE html

html

head

  meta charset= utf-8

  meta name= author content= /

  title 文本目录无缝拼接翻转编码 /title

  style type= text/css

  *

   margin:0px;

   padding:0px;

   border:0px;

 

  body font-size:12px

  #demo

   overflow:hidden;

   height:80px;

   width:280px;

   margin:90px auto;

   position:relative;

 

  #demo1

   height:auto;

   text-align:left;

 

  #demo2

   height:auto;

   text-align:left;

 

  #demo1 li

   list-style-type:none;

   height:22px;

   text-align:left;

   text-indent:15px;

 

  #demo2 li

   list-style-type:none;

   height:22px;

   text-align:left;

   text-indent:15px;

 

  /style

/head

body

div id= demo

  ul id= demo1

  li 1 /li

  li 2 /li

  li 3 /li

  li 4 /li

  li 5 /li

  li 6 /li

  li 7 /li

  /ul

  div id= demo2 /div

/div

 

script type= text/javascript

 var speed=40

  // 往上翻转

  var demo=document.getElementById( demo

  var demo2=document.getElementById( demo2

  var demo1=document.getElementById( demo1

  demo2.innerHTML=demo1.innerHTML

  function Marquee()

   if(demo.scrollTop =demo1.offsetHeight)

    demo.scrollTop=0;

   

   else

    demo.scrollTop=demo.scrollTop+1;

   

 

  var MyMar=setInterval(Marquee,speed)

  demo. unction() clearInterval(MyMar)

  demo.onmouseout=function() MyMar=setInterval(Marquee,speed)

 

/script

/body

/html


相关新闻

驳“全通网站静态目录的长度(深度)对SEO的影

在辩驳有关难题以前,大家先来啦解一放网络搜索引擎蜘蛛及百度权重的基础知识。 一、互联...

日期:2021-01-11 浏览次数:168