`

页面滚动

    博客分类:
  • css
阅读更多
<!--CTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//E-->

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <style type="text/css">
    #newslist{
        background:#f7f7f7;border:1px solid silver;padding:1px;height:20px;line-height:20px;width:300px;
    }
    #contain{
        font-size:12px;overflow:hidden;list-style:none;width:300px;height:20px;margin:0px;padding:0;
    }
    #contain li{
        height:20px;line-height:20px;white-space:nowrap;overflow:hidden;
    }
</style>
 </HEAD>

 <BODY>
    <div id="newslist">
        <ul id="contain">
            <li><a href="http:/www.iwcn.net">温岚 - 屋顶(左右摆动)</a></li>
            <li><a href="http:/www.iwcn.net">范玮琪 - 那些花儿</a></li>
            <li><a href="http:/www.iwcn.net">张韶涵 - 娃娃</a></li>
            <li><a href="http:/www.iwcn.net">孙楠&韩红 - 美丽的神话</a></li>
            <li><a href="http:/www.iwcn.net">张信哲 - 白月光</a></li>
        </ul>
    </div>
<SCRIPT LANGUAGE="JavaScript">
function xx(){
var container=document.getElementById("contain");
container.appendChild(container.firstChild);
}
setInterval("xx()",3000);
</SCRIPT>
 </BODY>
</HTML>

  <script></script>

分享到:
评论

相关推荐

    jQuery全屏页面滚动导航切换效果

    **jQuery全屏页面滚动导航切换效果详解** 在网页设计中,全屏页面滚动导航是一种流行的交互方式,它能提供沉浸式的用户体验,使用户在浏览网站时感到更加舒适和流畅。结合jQuery实现的导航切换效果,可以提升网站的...

    jQuery全屏页面滚动效果页面上下滚动效果代码jq插件

    jQuery全屏页面滚动效果是一种常见的网页交互设计,它能够为用户带来流畅且富有动态感的浏览体验。在网页设计中,这种效果常用于创建引人入胜的单页应用(SPA)或者产品展示页面,使得内容随着用户的滚动动作自然...

    页面滚动到底部自动加载数据

    页面滚动到底部自动加载数据,也被称为无限滚动或滚动加载,是现代网页设计中常见的一种交互方式。这种技术允许用户在浏览网页时无需点击分页按钮,只需将页面滚动到最底部,更多内容就会自动加载出来,提高了用户...

    html5页面滚动图片动画加载特效

    在实际项目中,可以参考现有的开源库和插件,如lozad.js(惰性加载库)和lazysizes(一个轻量级的无依赖的懒加载解决方案),它们都支持自定义动画效果,适用于实现HTML5页面滚动图片动画加载特效。 最后,值得注意...

    bootstrap响应式页面滚动动画作品展示单页模板

    Bootstrap响应式页面滚动动画作品展示单页模板是一种基于Twitter Bootstrap框架设计的网页模板,它专为创建具有吸引力的、响应式的、动态滚动效果的作品展示网站而设计。Bootstrap是一款流行的前端开发框架,它提供...

    弹框后禁止遮罩层后面页面滚动(兼容ios和android).zip

    "弹框后禁止遮罩层后面页面滚动(兼容ios和android)"这个主题涉及到的是一个常见的问题,即当弹出一个对话框或者遮罩层时,如何防止用户在遮罩层下继续滚动页面。这个问题在iOS和Android平台上表现不同,需要特定的...

    页面滚动显示动画

    页面滚动显示动画是一种常见的网页交互效果,用于提升用户体验,使用户在浏览长页面时能更加流畅、自然地查看内容。这种动画技术广泛应用于新闻网站、电商页面、社交媒体等需要大量滚动内容的场景。在本话题中,我们...

    jQuery固定导航随页面滚动颜色渐变

    "jQuery固定导航随页面滚动颜色渐变"这个主题涉及到的技术点主要是利用jQuery库来实现导航栏随着页面滚动而动态改变颜色的效果,为用户带来更丰富的视觉体验。 首先,我们需要了解jQuery库。jQuery是一个快速、简洁...

    jQuery实现页面滚动时元素智能定位

    本文将深入探讨如何使用jQuery实现页面滚动时元素的智能定位,即所谓的“固定定位”或“粘性定位”。这个功能使得特定元素(如导航栏)在用户滚动页面时始终保持在屏幕的可见区域。 首先,理解CSS中的`position`...

    HTML 页面滚动时背景图片不会移动

    标题中的“HTML 页面滚动时背景图片不会移动”指的是在网页设计中实现的一个特效,即当用户滚动页面内容时,背景图片的位置保持不变,营造出一种固定背景或视差滚动的效果。这种效果通常通过CSS(层叠样式表)来实现...

    jQuery的单页面滚动插件

    **jQuery的单页面滚动插件**是Web开发中一种常用的技术,它允许用户在单一页面内通过滚动浏览多个“分页”内容,提供流畅且直观的用户体验。这种插件通常结合了JavaScript库jQuery,利用其强大的DOM操作和事件处理...

    关于解决ElementUi中select框在页面滚动时el-option超出元素区域的问题+ cascader滚动超出问题

    然而,在实际使用过程中,可能会遇到一些问题,比如Select下拉选项(el-option)在页面滚动时超出元素区域,以及Cascader级联选择器滚动超出其容器。这两个问题都会影响用户体验。本文将详细探讨这两个问题的原因及...

    flutter页面滚动联动实现

    在Flutter开发中,页面滚动联动是一项重要的功能,尤其在复杂布局和交互设计中。`NestedScrollView`和`CustomScrollView`是Flutter提供给开发者用于实现这一功能的关键组件。本篇文章将详细解析如何使用这两个组件来...

    vue2 页面滚动

    在Vue2框架中,页面滚动是一个常见的需求,用于实现页面滚动效果、滚动监听以及滚动到顶部或底部等交互。在本篇文章中,我们将深入探讨如何在Vue2项目中处理页面滚动相关的功能。 首先,让我们了解Vue2的基础知识。...

    页面滚动分页---iScroll实例:下拉刷新,滚动翻页

    在IT行业中,页面滚动分页是一种常见的网页优化技术,它能有效地提高用户体验,尤其是在处理大量数据或内容的网页上。这种技术通常与JavaScript库或框架相结合,如本例中的iScroll,来实现下拉刷新和自动滚动翻页...

    页面滚动触发动画css和js

    在前端开发中,页面滚动触发动画是一种常见的用户体验优化技术,它可以为用户浏览网页时带来动态的视觉效果,增加互动性和吸引力。这个“页面滚动触发动画css和js”项目正是针对这一需求而设计的。它结合了CSS3和...

    jquery页面滚动始终页面顶部固定层代码

    在网页设计中,有时我们需要创建一个元素,当页面滚动时,该元素始终保持在屏幕的顶部固定,这样的设计可以用于导航栏、广告条等。在jQuery库的帮助下,实现这个功能非常简单。本文将深入探讨如何使用jQuery来实现...

    jQuery的单页面滚动插件(垂直,水平,都可以)

    jQuery的单页面滚动插件是一种增强网页用户体验的工具,它使得网页内容可以在单个页面内进行垂直或水平的平滑滚动。这样的设计不仅简洁,而且能够提供流畅的导航体验,尤其适用于内容丰富的网站或者长篇文章的展示。...

    简单的jQuery页面滚动导航切换代码.zip

    本文将详细解析“简单的jQuery页面滚动导航切换代码”的实现原理和应用,旨在为IT从业者提供一个实用的网页开发技巧。 首先,jQuery是一个强大的JavaScript库,它简化了JavaScript的DOM操作、事件处理和动画制作等...

Global site tag (gtag.js) - Google Analytics