滚动新闻

转载 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>

JavaScript实现新闻上下滚动

原理:其实就是通过滚动条的不停滚动来实现的效果(复制即用) test
  • doudou_demo
  • doudou_demo
  • 2015年08月24日 11:15
  • 1427

新闻无缝滚动 左右

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

JS 新闻标题单行向上滚动效果

var marqueeContent=new Array(); //滚动新闻 marqueeContent[0]='14:25 小泉称若自民党在议会选举中失败'; marqueeContent[1...
  • dongsg11200
  • dongsg11200
  • 2013年02月04日 17:46
  • 4942

android高仿京东快报(垂直循环滚动新闻栏)

京东的垂直滚动新闻栏的实现原理: 就是一个自定义的LinearLayout,并且textView能够循环垂直滚动,而且条目可以点击,显示区域最多显示2个条目,并且还有交替的属性垂直移动的动画效果,...
  • u013278099
  • u013278099
  • 2016年03月20日 03:08
  • 8870

IOS 之模拟网易新闻主页的滚动效果

近下载了一个网易新闻的APP客户端,觉得新闻主页的滚动效果不错,每个标题都对应一个版面,如图...
  • shenjie12345678
  • shenjie12345678
  • 2014年05月15日 10:53
  • 24117

【安卓-自定义布局】安卓App开发思路 一步一个脚印(九)实现自定义滚动的新闻条目上下滚动-仿蘑菇街

实现自定义滚动的新闻条目上下滚动 这种上下滚动的自定义布局,就像是公告那种上下的翻滚,一般为文字的滚动,很明显,就是自定义布局,一般是线性布局。这里提到的安卓原生的控件自然是ViewFl...
  • qq_14997169
  • qq_14997169
  • 2016年10月04日 18:30
  • 1026

js实现-新闻间歇性向上无缝滚动

新闻间歇性向上无缝滚动 body { font-size: 12px; line-height: 24px; text-algin: center; /* 页面内容居中 */ }...
  • muzi187
  • muzi187
  • 2017年05月15日 11:33
  • 895

android 实现淘宝消息滚动条

因为最近有项目需求,需要实现一个类似淘宝的消息滚动条,如下图所示。 比如上面图上的这个糯米头条功能,通过Ui automator view 发现糯米是通过一个listview的方式实现的,但是...
  • mjn19920902
  • mjn19920902
  • 2016年08月10日 10:35
  • 1448

安卓仿淘宝头条数据上下自动滚动

其实实现逻辑就是一个自定义的view,在加上指定的动画就可以; 布局文件: ...
  • u014388322
  • u014388322
  • 2016年09月30日 10:59
  • 1697

Android语音读新闻功能

本文为博主原创文章,转载请注明出处这两天接手一个项目,有新闻内容浏览,需要用到语音读新闻,于是做了以下demo**差不多就是上面的界面, 代码不多,主要是一个处理类;** import andro...
  • qq_31699831
  • qq_31699831
  • 2017年03月29日 18:31
  • 189
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:滚动新闻
举报原因:
原因补充:

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