`
lxj8749
  • 浏览: 66612 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js连续滚动代码

 
阅读更多
<script language="javascript">
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;
		}else{
			obj.scrollTop++;
		}
		
	}
	var l=setInterval(scrolly,speed);
	obj.onmouseover=function(){
		clearInterval(l);
	}
	obj.onmouseout=function(){
		l=setInterval(scrolly,speed);
	}
	
}
marquee('id','id1','id2','40');
</script>

 

<div class="hz" id="id">
                      <div class="aaa" id="id1">
                        <ul>
                          <li><a href="http://www.fugesen.com.cn/Care-Details.aspx?id=1502" target="_blank">湖北省著名商标认定公示,福格森通过...</a><span><img src="imagesadd/newslistNEW.jpg" /></span></li>
                          <li><a href="http://www.fugesen.com.cn/Care-Details.aspx?id=1497" target="_blank">2010年武汉十大科技创新企业我公司进入...</a><span><img src="imagesadd/newslistNEW.jpg" /></span></li>
                          <li><a href="http://www.fugesen.com.cn/Care-Details.aspx?id=1496" target="_blank">福格森荣获武汉开发区2010年科技创新基...</a><span><img src="imagesadd/newslistNEW.jpg" /></span></li>
                          <li><a href="http://www.fugesen.com.cn/Care-Details.aspx?id=1001" target="_blank">国家辅食营养素采购项目,福格森中标...</a></li>
                          <li><a href="http://www.fugesen.com.cn/Care-Details.aspx?id=1441" target="_blank">福格森产品烟封装上市说明...</a></li>
                          <li><a href="http://www.fugesen.com.cn/Care-Details.aspx?id=1446" target="_blank">福格森海藻DHA软胶囊上市,全国招商...</a></li>
                          <li><a href="http://www.fugesen.com.cn/Care-Details.aspx?id=1499" target="_blank">2010湖北电视台闪亮童星选拔赛决赛活动...</a></li>
                          <li><a href="http://www.fugesen.com.cn/Care-Details.aspx?id=1365" target="_blank">2010年福格森CCTV央视综艺栏目广告投放...</a></li>
                          <li><a href="http://www.fugesen.com.cn/Care-Details.aspx?id=872" target="_blank">出生缺陷预防与孕婴关爱全国行_北京论...</a></li>
                          <li><a href="http://www.fugesen.com.cn/Care-Details.aspx?id=1408" target="_blank">福格森温馨提示...</a><span></span></li>
                        </ul>
                        <div class="clear"></div>
                      </div>
				      <div class="aaa" id="id2"></div>
				      <div class="clear"></div>
		        </div>

 

分享到:
评论

相关推荐

    图片无限连续滚动的js代码

    在网页设计中,为了吸引用户...总的来说,"图片无限连续滚动的js代码"是一个涉及JavaScript基础、DOM操作、CSS布局和用户体验设计的综合实践。通过理解并掌握这些知识点,开发者可以创建出更加生动、吸引人的网页元素。

    js左右滚动代码

    ### JS左右滚动代码详解:实现无缝滚动的完美代码 在网页设计中,左右滚动效果常用于展示轮播图、新闻列表或广告横幅等场景,为用户带来更加流畅的视觉体验。本文将深入解析一段JS代码,该代码实现了左右无缝滚动...

    无间断连续滚动网页代码

    总之,无间断连续滚动网页代码是通过JavaScript实现的一种网页动态效果,它提供了无缝的浏览体验,适用于多种应用场景。无论是横向还是竖向滚动,都需要巧妙地利用DOM操作和动画技术来达到理想效果。

    C# js 图片连续滚动代码

    总的来说,C#和JavaScript结合实现图片连续滚动代码,需要理解前后端的协作,掌握JavaScript的DOM操作、事件处理以及CSS的布局和动画技巧,同时对C#的Web服务开发有深入理解。通过这样的实践,不仅可以提升编程技能...

    图片连续循环滚动代码(向上、下、左、右)

    ### 图片连续循环滚动代码原理 #### 基本思路 该代码的核心思想是利用JavaScript定时器来控制图片的滚动速度,通过不断调整图片容器(即`div`元素)的滚动位置来实现滚动效果。具体来说,是通过动态改变容器的`...

    javascript无缝滚动代码

    在探讨“javascript无缝滚动代码”的知识点时,我们主要聚焦于如何通过JavaScript和HTML结合,实现图片的无缝滚动效果。此技术常用于网站设计中的轮播图、广告位或信息流等场景,能够提升用户体验,使页面更加生动...

    广告图片连续滚动代码 html

    这段代码会每3秒钟(slideSpeed)移动一次图片,当图片移出视区后,会将位置重置到初始状态,从而实现连续滚动。 另外,为了增加用户体验,可以添加箭头按钮或指示点,允许用户手动切换图片。这需要额外的HTML和CSS...

    JS无间隔滚动代码,javascript,marquee

    JavaScript中的无间隔滚动效果,通常...总的来说,实现JS无间隔滚动代码需要理解DOM操作、CSS样式控制、定时器以及事件处理。通过这些基本技巧,你可以创建出符合需求的各种滚动效果,同时保持良好的性能和用户体验。

    js无缝滚动代码制作js图片无缝滚动向上无缝滚动

    JavaScript(简称JS)是一种轻量级的解释型编程语言,常用于网页和网络应用的开发。在网页设计中,为了增加用户...如果这是一个示例代码或教程文档,你可以打开查看其详细内容,以便更好地理解JS无缝滚动的实现方式。

    Js图片连续左右滚动.rar

    为了实现连续滚动,我们需要考虑图片的边界情况,当最后一张图片显示后,应该让第一张图片再次出现,这就需要用到数组索引的循环逻辑。 另外,为了增加用户体验,我们还可以添加控制按钮,用户可以通过点击“左”和...

    无缝滚动制作js文字无缝滚动和js图片无缝滚动

    在实际应用中,可以直接复制提供的js无缝滚动代码到项目中,并根据需求调整数组内容、滚动速度以及动画效果。确保将代码中的`getElementById`与实际HTML元素ID匹配,以确保代码能够正确地操作目标元素。 总结来说,...

    图片滚动,文字滚动,图片横竖滚动,超好的横竖同时无缝隙滚动代码,js,滚动特效

    标题提到的"图片滚动,文字滚动,图片横竖滚动,超好的横竖同时无缝隙滚动代码,js,滚动特效"是网页设计中的常见技术,主要用于创建引人注目的交互式内容。这种技术主要依赖于JavaScript,一种广泛用于客户端网页...

    图片滚动代码,图片无缝滚动代码,图片自动滚动且可控制滚动方向

    总之,图片滚动代码是网页动态效果的一种常见实现,结合JavaScript和CSS可以创建出丰富多样的滚动效果。而"marquee"则可能提供了一个基础的实现方式,但现代网页设计更多倾向于使用更加灵活和可控的方法来达到相同的...

    JavaScript实现图片连续滚动的案例

    本案例将详细介绍如何使用JavaScript实现图片连续滚动,特别地,我们将关注“MarqueeScrollLeft”这个实现方法,它代表了向左滚动的效果。 首先,我们需要理解基本的HTML结构,用于放置要滚动的图片。通常,我们会...

    jq完成的向上连续滚动代码

    自己项目上使用的向上滚动代码。如果你需要测试,首先你得下载jq资源包。最好是1.7版本及以上。代码中包含两种滚动模式,使用者自己看下代码就知道怎么回事了。代码经过ie ff 谷歌 360等浏览器的测试。本文档建议懂...

    不间断向上滚动代码.rar

    本文将详细探讨"不间断向上滚动代码"这一JS特效,以及如何在实际项目中应用它。 "不间断向上滚动代码"是一种常见的网页动画效果,也称为无限滚动或自动滚动。这种效果使得网页内容能够持续不断地从底部向顶部滚动,...

    图片左右无缝滚动JS代码

    "图片左右无缝滚动JS代码"是指使用JavaScript编程语言实现的一种特效,它允许图片在水平方向上连续、平滑地滚动,模拟出一种无限循环的效果,为用户带来更为连贯的浏览体验。这种效果尤其适用于新闻轮播、产品展示或...

    30多种上下左右滚动代码兼容各种浏览器

    本文将详细讲解30多种上下左右滚动代码,这些代码经过优化,能够兼容各种主流浏览器,包括IE、Firefox、Chrome、Safari和Opera等。 一、连续滚动 连续滚动是最基础的滚动效果,它可以让文字或图片持续不断地从一侧...

    比较好用_js地区联动与连续滚动_javascript地区联动与连续滚动

    标题中的“比较好用_js地区联动与连续滚动_javascript地区联动与连续滚动”表明这是一个关于JavaScript实现的地区联动和连续滚动效果的技术分享。地区联动通常指的是在网页中选择一个地区(如省份)时,下方的下拉...

    不间断上下滚动公告代码.rar

    【标签】"JS特效-滚动代码"指明了实现这种功能主要依赖JavaScript编程语言。JavaScript是一种广泛应用于网页交互的客户端脚本语言,它能够直接在用户浏览器上运行,无需服务器支持。通过JavaScript,开发者可以创建...

Global site tag (gtag.js) - Google Analytics