<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滚动新闻实现,它不仅支持早期的Internet Explorer 6(IE6),还兼容其他主流的现代浏览器。 在Web开发中,滚动新闻是一种常见的功能,它能够在页面上动态展示新闻标题或...
这是你的滚动新闻内容 ``` 这里的`behavior="scroll"`设置滚动方式为滚动,`direction="left"`表示内容从右向左滚动。虽然这种方法简单易用,但因为`<marquee>`是非标准标签,已被废弃,不推荐在现代网页设计中使用...
在IT行业中,网页动态效果是提升用户体验的重要手段之一,而"滚动新闻"和"滚动图片"就是其中常见的视觉呈现方式。jQuery,一个广泛使用的JavaScript库,提供了强大的功能来实现这些效果。本文将深入探讨如何利用...
根据给定的信息,本文将详细解释ASP滚动新闻代码的相关知识点,包括如何实现新闻滚动效果、ASP页面中的元素解析以及数据库连接等内容。 ### ASP滚动新闻代码分析 #### 1. HTML与Marquee标签 首先,我们注意到HTML...
滚动新闻是一种常见的网页设计元素,它可以在页面上自动滚动显示一系列的文字或消息,通常用于展示最新的新闻、公告或其他重要的实时更新信息。滚动新闻在网站设计中非常实用,特别是在需要持续更新内容而不会占用...
【经典】滚动新闻_Jquery 是一个利用JavaScript库Jquery实现的动态新闻展示方案,它主要关注于创建一种吸引用户注意力的交互式体验。在网页设计中,滚动新闻是一种常见的元素,用于显示最新的更新、公告或者热门资讯...
【755373578sina滚动新闻采集器】是一款专为获取新浪网实时滚动新闻设计的工具,其主要功能在于高效地抓取并整理这些新闻内容,然后将其存储为易于阅读和分析的文本文件。这款采集器特别强调了准确性与速度,采用多...
标题“Flash XML滚动新闻.rar”指的是一个使用Flash技术并结合XML数据源来实现的滚动新闻效果。在网页设计中,这种技术曾广泛用于创建动态、可更新的内容展示,特别是新闻或者公告栏。XML(可扩展标记语言)允许非...
在“基于Bootstrap的垂直滚动新闻特效”中,我们探讨的是如何利用Bootstrap的特性来实现一种动态的、垂直方向上的新闻滚动效果,这种效果常用于展示最新资讯或热点事件,以吸引用户注意力并提供良好的用户体验。...
【标题】"顶端滚动新闻图片有注释并附带Access数据库"所涉及的知识点主要集中在ASP(Active Server Pages)编程、网页动态展示、图片处理以及数据库管理方面,特别是使用Access数据库来存储和检索新闻数据。...
在给定的资源“基于Bootstrap的垂直滚动新闻特效.zip”中,我们可以深入理解如何利用Bootstrap来实现一个创新的、垂直滚动的新闻展示效果。 通常,Bootstrap的轮播组件(Carousel)设计用于水平滑动图像或内容,但...
AJAX(Asynchronous JavaScript and XML)滚动新闻展示效果是一种常见的前端技术应用,它利用JavaScript库或框架,如jQuery,结合XML或JSON数据格式,实现页面无需刷新就能动态更新新闻内容的效果。这种效果使得用户...
本主题涉及的是使用jQuery实现的一种垂直滚动新闻效果,这在网站设计中常见于展示实时更新的内容,如新闻、公告或最新产品等。通过这种效果,用户无需手动翻页,只需静观其变,信息就会自动滑过屏幕,提供流畅的阅读...
【标题】"模仿幻灯片效果的滚动新闻"所涉及的知识点主要集中在JavaScript(JS)技术上,尤其是关于网页动态效果的实现。幻灯片效果是网页设计中常见的一种交互式展示方式,它能以类似幻灯片的形式切换内容,为用户...
【滚动新闻控件ASP.NET与C#实现】是网页开发中的一个重要知识点,它涉及到了ASP.NET框架和C#编程语言的结合使用。滚动新闻控件主要用于在网站上动态展示最新的新闻信息,通常以滚动的形式呈现,给用户带来即时更新的...
在“AJAX实现滚动新闻效果”这个实例中,我们将探讨如何使用AJAX来创建一个动态滚动的新闻列表,使得新闻内容能够随着用户的滚动行为不断加载。 首先,我们需要理解AJAX的基本工作原理。AJAX通过创建XMLHttpRequest...
对于"jquery垂直向上逐条滚动新闻列表"这个主题,我们将探讨如何使用jQuery来实现这样的功能,以及涉及到的相关知识点。 首先,我们需要了解的基本概念是DOM(Document Object Model),它是HTML或XML文档的结构化...
"带滚动新闻jquery全屏焦点图"是基于jQuery开发的一款功能丰富的网页组件,它集成了全屏焦点图和滚动新闻的效果,为网站的首页或者重要展示区域提供了动态且吸引人的视觉体验。 焦点图,又称幻灯片或轮播图,是一种...
本项目“jQuery实现滚动新闻代码”利用jQuery的灵活性和强大的功能,结合Bootstrap 3框架,创建了一个响应式的新闻滚动效果。Bootstrap 3是Twitter推出的一个开源前端框架,它提供了丰富的预设样式、组件和...
新浪滚动新闻采集程序天宇版简介 新浪新闻采集程序天宇版采用php进行开发,能自动对新浪新闻进行采集。 占用空间小,建站成本低,无需等待,马上就可以拥有海量网站数据; 免更新免维护,管理方便,操作简单,实现全...