zoukankan      html  css  js  c++  java
  • 向上循环滚动

    html

    	<ul id="marquee" style="height:120px;overflow: hidden;padding: 0px;">
    		<li>
    			<a href="[field:arcurl/]" target="_blank" title="[field:title/]">Lorem ipsum dolor sempore dus.</a>
    			<span class="float-right">2018-7-27</span>
    		</li>
    		<li>
    			<a href="[field:arcurl/]" target="_blank" title="[field:title/]">Lorem ipsum dolor sempore dus.</a>
    			<span class="float-right">2018-7-27</span>
    		</li>
    		<li>
    			<a href="[field:arcurl/]" target="_blank" title="[field:title/]">Lorem ipsum dolor sempore dus.</a>
    			<span class="float-right">2018-7-27</span>
    		</li>
    		<li>
    			<a href="[field:arcurl/]" target="_blank" title="[field:title/]">Lorem ipsum dolor sempore dus.</a>
    			<span class="float-right">2018-7-27</span>
    		</li>
    		<li>
    			<a href="[field:arcurl/]" target="_blank" title="[field:title/]">Lorem ipsum dolor sempore dus.</a>
    			<span class="float-right">2018-7-27</span>
    		</li>
    	</ul>
    

    js

    	<script type="text/javascript">
    		window.onload = function() {
    			setTimeout("startmarquee(100, 50, 0, 'marquee')", 5000);
    		}
    
    		function startmarquee(lh, speed, delay, id) {
    			var t;
    			var p = false;
    			var o = document.getElementById(id);
    			o.innerHTML += o.innerHTML + o.innerHTML + o.innerHTML;
    			o.onmouseover = function() {
    				p = true;
    			}
    			o.onmouseout = function() {
    				p = false;
    			}
    			o.scrollTop = 0;
    
    			function start() {
    				t = setInterval(scrolling, speed);
    				if(!p) o.scrollTop += 2;
    			}
    
    			function scrolling() {
    				if(o.scrollTop % lh != 0) {
    					o.scrollTop += 2;
    					if(o.scrollTop >= o.scrollHeight / 2) o.scrollTop = 0;
    				} else {
    					clearInterval(t);
    					setTimeout(start, delay);
    				}
    			}
    			setTimeout(start, delay);
    		}
    	</script>
  • 相关阅读:
    MyEclipse Servers视窗出现“Could not create the view: An unexpected exception was thrown”错误解决办法
    eclipse 安装git
    使用Maven构建Web项目
    Maven仓库构建
    JAX-WS:背后的技术JAXB及传递Map
    CXF WebService 开发文档
    eclispse 中集成多个tomcat
    Myeclipse 主题下载
    html textarea 获取换行
    jqurey click和blur执行时间冲突
  • 原文地址:https://www.cnblogs.com/1666818961-lxj/p/9377548.html
Copyright © 2011-2022 走看看