`
jsntghf
  • 浏览: 2530057 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

滚动新闻

阅读更多
<div id="marquees">
  <a href="javascript:">你可曾有过无数的梦想</a>
  <br/>
  <a href="javascript:">却在时光的流逝里幻灭</a>
  <br/>
  <a href="javascript:">你可曾对未来期待憧憬</a>
  <br/>
  <a href="javascript:">却在成长的岁月中迷失</a>
  <br/>
</div> 
<script type="text/javascript">
  marqueesHeight = 200;
  stopscroll = false;

  with(marquees){
    style.width = 0;
    style.height = marqueesHeight;
    style.overflowX = "visible";
    style.overflowY = "hidden";
    noWrap = true;
    onmouseover = new Function("stopscroll=true");
    onmouseout = new Function("stopscroll=false");
  }
  document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');

  preTop = 0; currentTop = 0; 

  function init(){
    templayer.innerHTML = "";
    while(templayer.offsetHeight < marqueesHeight){
      templayer.innerHTML += marquees.innerHTML;
    }
    marquees.innerHTML = templayer.innerHTML + templayer.innerHTML;
    setInterval("scrollUp()", 20);
  }
  document.body.onload = init;

  function scrollUp(){
    if(stopscroll == true) return;
    preTop = marquees.scrollTop;
    marquees.scrollTop += 1;
    if(preTop == marquees.scrollTop){
      marquees.scrollTop = templayer.offsetHeight - marqueesHeight;
      marquees.scrollTop += 1;
    }
  }
</script> 

 

分享到:
评论

相关推荐

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

    在这个项目中,我们关注的是一个简单的JS滚动新闻实现,它不仅支持早期的Internet Explorer 6(IE6),还兼容其他主流的现代浏览器。 在Web开发中,滚动新闻是一种常见的功能,它能够在页面上动态展示新闻标题或...

    html滚动新闻html滚动新闻

    这是你的滚动新闻内容 ``` 这里的`behavior="scroll"`设置滚动方式为滚动,`direction="left"`表示内容从右向左滚动。虽然这种方法简单易用,但因为`&lt;marquee&gt;`是非标准标签,已被废弃,不推荐在现代网页设计中使用...

    滚动新闻,滚动图片,jquery滚动新闻,jqeury滚动图片

    在IT行业中,网页动态效果是提升用户体验的重要手段之一,而"滚动新闻"和"滚动图片"就是其中常见的视觉呈现方式。jQuery,一个广泛使用的JavaScript库,提供了强大的功能来实现这些效果。本文将深入探讨如何利用...

    ASP滚动新闻代码ASP滚动新闻代码ASP滚动新闻代码

    根据给定的信息,本文将详细解释ASP滚动新闻代码的相关知识点,包括如何实现新闻滚动效果、ASP页面中的元素解析以及数据库连接等内容。 ### ASP滚动新闻代码分析 #### 1. HTML与Marquee标签 首先,我们注意到HTML...

    滚动新闻源代码 简单易用

    滚动新闻是一种常见的网页设计元素,它可以在页面上自动滚动显示一系列的文字或消息,通常用于展示最新的新闻、公告或其他重要的实时更新信息。滚动新闻在网站设计中非常实用,特别是在需要持续更新内容而不会占用...

    【经典】滚动新闻_Jquery

    【经典】滚动新闻_Jquery 是一个利用JavaScript库Jquery实现的动态新闻展示方案,它主要关注于创建一种吸引用户注意力的交互式体验。在网页设计中,滚动新闻是一种常见的元素,用于显示最新的更新、公告或者热门资讯...

    755373578sina滚动新闻采集器

    【755373578sina滚动新闻采集器】是一款专为获取新浪网实时滚动新闻设计的工具,其主要功能在于高效地抓取并整理这些新闻内容,然后将其存储为易于阅读和分析的文本文件。这款采集器特别强调了准确性与速度,采用多...

    Flash XML滚动新闻.rar

    标题“Flash XML滚动新闻.rar”指的是一个使用Flash技术并结合XML数据源来实现的滚动新闻效果。在网页设计中,这种技术曾广泛用于创建动态、可更新的内容展示,特别是新闻或者公告栏。XML(可扩展标记语言)允许非...

    基于Bootstrap的垂直滚动新闻特效

    在“基于Bootstrap的垂直滚动新闻特效”中,我们探讨的是如何利用Bootstrap的特性来实现一种动态的、垂直方向上的新闻滚动效果,这种效果常用于展示最新资讯或热点事件,以吸引用户注意力并提供良好的用户体验。...

    顶端滚动新闻图片有注释并附带Access数据库

    【标题】"顶端滚动新闻图片有注释并附带Access数据库"所涉及的知识点主要集中在ASP(Active Server Pages)编程、网页动态展示、图片处理以及数据库管理方面,特别是使用Access数据库来存储和检索新闻数据。...

    基于Bootstrap的垂直滚动新闻特效.zip

    在给定的资源“基于Bootstrap的垂直滚动新闻特效.zip”中,我们可以深入理解如何利用Bootstrap来实现一个创新的、垂直滚动的新闻展示效果。 通常,Bootstrap的轮播组件(Carousel)设计用于水平滑动图像或内容,但...

    AJAX滚动新闻展示效果.rar

    AJAX(Asynchronous JavaScript and XML)滚动新闻展示效果是一种常见的前端技术应用,它利用JavaScript库或框架,如jQuery,结合XML或JSON数据格式,实现页面无需刷新就能动态更新新闻内容的效果。这种效果使得用户...

    垂直滚动新闻效果jquery插件.rar

    本主题涉及的是使用jQuery实现的一种垂直滚动新闻效果,这在网站设计中常见于展示实时更新的内容,如新闻、公告或最新产品等。通过这种效果,用户无需手动翻页,只需静观其变,信息就会自动滑过屏幕,提供流畅的阅读...

    模仿幻灯片效果的滚动新闻.rar

    【标题】"模仿幻灯片效果的滚动新闻"所涉及的知识点主要集中在JavaScript(JS)技术上,尤其是关于网页动态效果的实现。幻灯片效果是网页设计中常见的一种交互式展示方式,它能以类似幻灯片的形式切换内容,为用户...

    滚动新闻控件 ASP.NET与C#实现(包含原代码)

    【滚动新闻控件ASP.NET与C#实现】是网页开发中的一个重要知识点,它涉及到了ASP.NET框架和C#编程语言的结合使用。滚动新闻控件主要用于在网站上动态展示最新的新闻信息,通常以滚动的形式呈现,给用户带来即时更新的...

    AJAX实现滚动新闻效果

    在“AJAX实现滚动新闻效果”这个实例中,我们将探讨如何使用AJAX来创建一个动态滚动的新闻列表,使得新闻内容能够随着用户的滚动行为不断加载。 首先,我们需要理解AJAX的基本工作原理。AJAX通过创建XMLHttpRequest...

    jquery垂直向上逐条滚动新闻列表

    对于"jquery垂直向上逐条滚动新闻列表"这个主题,我们将探讨如何使用jQuery来实现这样的功能,以及涉及到的相关知识点。 首先,我们需要了解的基本概念是DOM(Document Object Model),它是HTML或XML文档的结构化...

    带滚动新闻jquery全屏焦点图.zip

    "带滚动新闻jquery全屏焦点图"是基于jQuery开发的一款功能丰富的网页组件,它集成了全屏焦点图和滚动新闻的效果,为网站的首页或者重要展示区域提供了动态且吸引人的视觉体验。 焦点图,又称幻灯片或轮播图,是一种...

    jQuery实现滚动新闻代码.zip

    本项目“jQuery实现滚动新闻代码”利用jQuery的灵活性和强大的功能,结合Bootstrap 3框架,创建了一个响应式的新闻滚动效果。Bootstrap 3是Twitter推出的一个开源前端框架,它提供了丰富的预设样式、组件和...

    新浪滚动新闻采集程序天宇版 v1.2.zip

    新浪滚动新闻采集程序天宇版简介 新浪新闻采集程序天宇版采用php进行开发,能自动对新浪新闻进行采集。 占用空间小,建站成本低,无需等待,马上就可以拥有海量网站数据; 免更新免维护,管理方便,操作简单,实现全...

Global site tag (gtag.js) - Google Analytics