滚动新闻

转载 2014年04月28日 18:03:40
<html>
<head>
	<title>滚动新闻</title>
	<script type="text/javascript">    
//滚动信息
window.onload=function(){marquee('roll_box','roll_content','roll_temp','40'); }
function marquee(id,id1,id2,speed){    
    var obj=document.getElementById(id);
    var obj1=document.getElementById(id1);
    var obj2=document.getElementById(id2);
    obj2.innerHTML=obj1.innerHTML;
    function scrolly(){
    	if(obj.scrollTop>=obj1.offsetHeight){
    		obj.scrollTop=0;
    		alert("jieshu?");
    	}else{
    	//	alert(obj.scrollTop+"[----]"+obj1.offsetHeight);
    			obj.scrollTop++;
    	}
    }
//function scrolly(){if(obj.scrollTop>=obj1.offsetHeight){obj1.offsetHeight-=obj.scrollTop;}else{obj.scrollTop++;}}

    var rollTime=setInterval(scrolly,speed);
    obj.onmouseover=function(){clearInterval(rollTime);}
    obj.onmouseout=function(){rollTime=setInterval(scrolly,speed);}
} 
</script>
	</head>
	<body>
		<div id="roll_box" style="height:150px;overflow:hidden; "><div id="roll_content"><!--高度是200的时候不能使用-->
    
    <!--滚动内容start-->
    <li><a href="/index.php/news/show/id/10782" target="_blank">福格森®孕妇维D3钙片成功获得国食健</a><span></span></li>
    <li><a href="/index.php/news/show/id/10781" target="_blank">我公司喜获湖北省著名商标</a><span></span></li>
    <li><a href="/index.php/news/show/id/10780" target="_blank">喜讯:我公司已被评为“2010年度湖</a><span></span></li>
    <li><a href="/index.php/news/show/id/10779" target="_blank">我公司参加华人华创创业发展洽谈会展会</a></li>
    <li><a href="/index.php/news/show/id/10775" target="_blank">出生缺陷诊断防治进展高级培训班在郑州</a></li>
    <li><a href="/index.php/news/show/id/10774" target="_blank">敬告各位朋友:福格森免费400882</a></li>
    <li><a href="/index.php/news/show/id/10743" target="_blank">“福格森”爱心奉献滕州市病残儿家庭</a></li>
    <li><a href="/index.php/news/show/id/10742" target="_blank">福格森热烈祝贺湖北省计划生育服务交流</a></li>
    <li><a href="/index.php/news/show/id/10740" target="_blank">预防出生缺陷 全社会的责任-----</a></li>
    <li><a href="/index.php/news/show/id/10737" target="_blank">济南日报:历城筑牢三道防线拦截出生缺</a></li>  
    <!--滚动内容end-->                      
    
</div><div id="roll_temp"></div>
</div>
		
		</body>
	
	</html>

Elasticsearch 5.4新闻搜索项目实战

-
  • 1970年01月01日 08:00

新闻无缝滚动 左右

新闻无缝滚动 左右 * {padding:0px; margin:0px;} .box{width:300px;height:30px;line-heigh...
  • acongshijia
  • acongshijia
  • 2015-10-24 14:49:09
  • 930

滚动新闻控件的ASP.NET与C#实现

       我们在浏览网站的时候,总能看到关于最新的网站信息滚动列出,通常这是用脚本代码编写而成的,很繁琐!这里介绍用web控件实现其功能!该控件已经在主流的浏览器上测试过,运行良好!       ...
  • lijigang1982
  • lijigang1982
  • 2006-04-01 10:57:00
  • 5531

js新闻滚动公告

*{         list-style: none;         margin: 0;         padding: 0;     }     li{         heig...
  • fly825574456
  • fly825574456
  • 2016-10-12 19:37:56
  • 1487

jquery之(新闻单条滚动)

新闻滚动     function scroll_news(){         var firstNode = $('#message_list li');         firs...
  • wangxinqiang1129
  • wangxinqiang1129
  • 2012-10-10 16:02:10
  • 1033

Android垂直滚动新闻头条

最近做项目要用到淘宝首页头条的那种滚动似的新闻,看了下网上的方法,大概有两种,一种是textview的滚动,另外一种是view的滚动,参考https://github.com/sfsheng0322/...
  • hengzhenglee
  • hengzhenglee
  • 2017-04-10 16:44:00
  • 751

jquery新闻滚动案例

&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt...
  • h13783313210
  • h13783313210
  • 2018-02-24 11:38:53
  • 52

Android 上下滚动的新闻效果

类似于淘宝中的淘宝头条滚动效果
  • dorytmx
  • dorytmx
  • 2017-09-28 15:21:30
  • 424

jQuery实现多行新闻滚动

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">多行滚动jQuery循环新...
  • suleil1
  • suleil1
  • 2015-10-28 16:47:36
  • 184

Android 上下滚动类新闻实现

  • 2016年11月09日 19:04
  • 24.9MB
  • 下载
收藏助手
不良信息举报
您举报文章:滚动新闻
举报原因:
原因补充:

(最多只允许输入30个字)