`
alyouge
  • 浏览: 193674 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

JS滚动

阅读更多

<DIV id=demo style="OVERFLOW: hidden; WIDTH:950px;" align="center">

  <TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">

  <TBODY>

  <TR>

  <TD id=demo1 vAlign=top>

    <table width="950" border="0" align="center" cellpadding="0" cellspacing="0">

     <tr>

    <td><a href="http://www.chinametal.net/" target="_blank"><img src="/images/logoo01.jpg" border="0" width="110" height="48" alt="信用沈阳"></a></td>

 <td style="margin-left:10px;"><a href="http://www.ascx.cn/" target="_blank"><img src="/images/logoo07.jpg" width="110" height="48" border="0"></a></td>

    <td style="margin-left:10px;"><a href="http://www.ddcei.gov.cn/ddcredit/index.jsp" target="_blank"><img src="/images/logoo02.jpg" width="110" height="48" alt="信用丹东" border="0"></a></td>

    <td style="margin-left:10px;"><a href="http://www.lycredit.cn/" target="_blank"><img src="/images/logoo03.jpg" width="110" height="48"  border="0" alt="信用辽阳"></a></td>

    <td style="margin-left:10px;"><a href="http://www.tlcredit.gov.cn/" target="_blank"><img src="/images/logoo04.jpg" width="110" height="48" border="0" alt="信用铁岭"></a></td>

    <td style="margin-left:10px;"><a href="http://www.pjcredit.gov.cn" target="_blank"><img src="/images/logoo05.jpg" width="110" height="48"  border="0"alt="信用盘锦"></a></td>

    <td style="margin-left:10px;"><a href="http://www.hldcredit.gov.cn/" target="_blank"><img src="/images/logoo06.jpg" width="110" height="48" alt="信用葫芦岛"  border="0"></a></td>

  <td style="margin-left:10px;"><a href="http://www.fscredit.gov.cn/" target="_blank"><img src="/images/logoo12.jpg" width="110" height="48" alt="抚顺信用网站"  border="0"></a></td>

 

    </tr>

 

 

    </table> 

 

 

 

 

 

     </TD>

 

  <TD id=demo2 vAlign=top></TD></TR></TBODY>

 

 

 

 

 

 

  </TABLE>

</DIV>

            <div align="center">

              <SCRIPT>

        var speed=30

        demo2.innerHTML=demo1.innerHTML

        function Marquee(){

        if(demo2.offsetWidth-demo.scrollLeft<=0)

        demo.scrollLeft-=demo1.offsetWidth

        else{

        demo.scrollLeft++

        }

        }

        var MyMar=setInterval(Marquee,speed)

        demo.onmouseover=function() {clearInterval(MyMar)}

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

            </SCRIPT>              

      </div>

分享到:
评论

相关推荐

    js滚动延时加载

    JavaScript滚动延时加载,也称为懒加载(Lazy Loading),是一种优化网页性能的技术。它主要应用于大量数据或图像的页面,通过只在用户滚动到可视区域时才加载相关内容,从而减少初次加载页面时的数据量,提高页面...

    New js 滚动条

    JavaScript滚动条是一个重要的前端开发话题,它涉及到网页用户体验的优化和界面交互的增强。传统的HTML滚动条虽然功能基本,但其样式和交互性往往不能满足现代网页设计的需求。因此,"New js 滚动条"通常是利用...

    极好用又方便的js滚动条源码

    首先,js滚动条源码通常是通过JavaScript编程语言实现的自定义滚动条解决方案。相比于浏览器默认的滚动条样式,自定义滚动条可以提供更美观、更具交互性的体验。开发者可以调整滚动条的宽度、颜色、形状等属性,使之...

    JS滚动条属性值

    JS滚动条属性值,取得滚动条各种数据值,简单处理JS操作滚动条

    js滚动集合(图片滚动,文字滚动)

    对于初学者,可以参考压缩包中的示例代码,逐步理解并实践JavaScript滚动效果的实现过程。对于有经验的开发者,这些实例也能提供灵感,帮助快速构建自定义的滚动功能。 总的来说,“js滚动集合”是一个实用的资源,...

    js滚动最新消息demo代码

    通过这个js滚动最新消息的demo,开发者可以学习到JavaScript在实际项目中的应用,了解如何结合DOM操作、事件处理、动画和响应式设计来创建交互式用户体验。同时,这也是提升JavaScript技能和深入理解前端开发的好...

    js滚动条实现dhtmlxSlider

    本教程将详细介绍如何使用dhtmlxSlider来实现JavaScript滚动条。 首先,dhtmlxSlider不仅限于滚动条,它还支持创建滑块组件,可以用于数值选择、音量控制、进度条等场景。其主要特点包括高度可定制的外观、多种操作...

    js滚动插件

    JavaScript滚动插件是一种用于网页动态滚动效果的工具,它能够为网页添加丰富的视觉效果,提升用户体验。在网页设计中,滚动效果通常是必不可少的元素,它可以让用户以更自然的方式浏览内容,尤其是对于长页面和单页...

    javascript滚动条

    JavaScript滚动条是一个重要的前端开发话题,它涉及到网页用户体验和页面交互设计。JavaScript允许开发者对浏览器的默认滚动行为进行自定义,以实现更加丰富和个性化的界面效果。在本项目中,"javascript滚动条"可能...

    纯js滚动条美化插件scrollBot

    总的来说,ScrollBot是一个强大的纯JavaScript滚动条美化工具,它提供了一种灵活、可定制的解决方案,让开发者能够为网站创造出独特且美观的滚动体验。通过深入理解ScrollBot的配置选项和使用方法,你可以进一步提升...

    javascript 滚动特效

    JavaScript滚动特效是一种常见的网页交互设计,它通过JavaScript代码来实现页面元素的动态滚动效果,比如导航菜单、新闻滚动、图片轮播等。这种特效能够提升用户体验,使网站更具活力和吸引力。JavaScript滚动特效...

    js滚动淡入浅出的效果

    在本主题中,“js滚动淡入浅出的效果”是指利用JavaScript技术实现的一种网页滚动时元素逐渐显现的视觉特效。这种效果通常通过调整元素的透明度或高度来实现,给用户带来平滑、自然的浏览体验。 1. **JavaScript...

    JS滚动字幕

    本文将深入解析如何利用JavaScript(简称JS)来创建滚动字幕,并结合给定的代码示例进行详细说明。 #### 原理概述 滚动字幕的基本原理是通过不断改变`&lt;div&gt;`元素的`scrollTop`属性,使内部内容看起来像是在上下...

    js滚动案例

    在这个"js滚动案例"中,我们关注的是如何利用JavaScript实现网页滚动效果。通过提供的文件1.html、2.html、2.js和1.js,我们可以探讨以下几个关键知识点: 1. **DOM操作**: - JavaScript能够通过Document Object ...

    JS滚动效果,首页滚动显示

    在本主题中,"JS滚动效果,首页滚动显示"是指利用JavaScript技术实现网站首页内容随着用户滚动页面时动态显示的效果。这种效果可以提升用户体验,使得信息展示更加流畅且吸引注意力。 在首页滚动显示中,常见的应用...

    一款效果很不错的JS滚动条

    标题中的“一款效果很不错的JS滚动条”指的是一个JavaScript实现的滚动条插件或库,它提供了优于浏览器默认滚动条的视觉效果和交互体验。在网页设计中,滚动条是必不可少的元素,尤其是在内容丰富的页面上,它帮助...

    简单JS随滚动条滚动导航

    【标题】"简单JS随滚动条滚动导航"所涉及的知识点主要集中在JavaScript的事件监听、DOM操作以及CSS样式实现上。这种类型的导航栏通常用于网页设计中,它能随着用户滚动页面而改变位置,始终保持在可见区域,为用户...

    商城产品图js滚动放大效果 支持IE6

    综上所述,这个压缩包提供了一个兼容IE6的商城产品图JavaScript滚动放大效果的完整解决方案,包括前端展示的HTML、CSS以及JavaScript代码,还有相关的使用说明和图片资源。开发者可以通过学习和使用这些资源,为自己...

    js 滚动效果封装库

    MSClass 通用不间断滚动JS封装类 的使用说明: 该Js类可设置各种形式的滚动效果,可随意将您的产品图片、新闻等内容设置为滚动。 上下左右、整屏、间歇式、延时滚动==效果均可实现。兼容所有主流浏览器。。。。

    JS最简单的滚动新闻,兼容IE6及其他主流浏览器

    总的来说,这个JS滚动新闻的实现展示了如何使用JavaScript和HTML5来创建一个跨浏览器的动态效果,同时考虑了向后兼容性,特别是对于老版本的IE6。对于初学者和有经验的开发者来说,都是一个很好的学习案例,可以帮助...

Global site tag (gtag.js) - Google Analytics