`
jackini
  • 浏览: 34083 次
社区版块
存档分类
最新评论

最简单的无缝滚动程序(转)

阅读更多
js 代码
  1. <style>a{display:block;font-size:15px};</style>   
  2. <div id="div1" style="width:300px;height:68px;overflow:hidden">   
  3. <a href="JAVAscript:">1,你可曾有过无数的梦想,</a>   
  4. <a href="JAVAscript:">2,却在时光的流逝里幻灭 </a>   
  5. <a href="JAVAscript:">3,你可曾对未来期待憧憬,</a>   
  6. <a href="JAVAscript:">4,却在成长的岁月中迷失</a>   
  7. <a href="JAVAscript:">5,CSDN中国程序员论坛</a>   
  8. <a href="JAVAscript:">6,大家一起来</a>   
  9. <a href="JAVAscript:">7,好象都很不错的样子</a>   
  10. </div>   
js 代码
  1. <script>   
  2. var t=setInterval(myfunc,1000)   
  3. var d=document.getElementById("div1")   
  4. function myfunc(){   
  5. var o=d.firstChild   
  6. d.removeChild(o)   
  7. d.appendChild(o)   
  8. }   
  9. d.onmouseover=function(){clearInterval(t)}   
  10. d.onmouseout=function(){t=setInterval(myfunc,1000)}   
  11. </script>  
  • 上面显示的是四行,如果只要1行,或者几行 改这里height:68px


    只显示1行:
    js 代码
    1. "div1" style="width:300px;height:15px;overflow:hidden">  

  • 分享到:
    评论

    相关推荐

      简单的图片无缝滚动效果代码免费下载

      "简单的图片无缝滚动效果代码免费下载"这个主题涉及到的是网页设计中的一个常见特效——图片无缝滚动,这是一种使得图片在页面上连续、平滑移动,给予用户连续无中断视觉体验的技术。 无缝滚动通常用于网站的轮播图...

      使用Javascript简单实现图片无缝滚动

      在本文中,我们将探讨如何使用JavaScript实现图片无缝滚动效果,这是一种常见的网页动态展示技术。 首先,我们要理解JavaScript中的关键概念: 1. `innerHTML` 属性:这个属性允许我们获取或设置一个HTML元素内部...

      jquery图片滚动程序

      《jQuery图片滚动程序详解》 在网页设计中,图片滚动是一种常见的动态效果,它能够吸引用户的注意力,增强网站的交互性和视觉吸引力。jQuery作为一种强大的JavaScript库,提供了丰富的API和插件,使得实现图片滚动...

      DataGridView循环滚动案例.rar

      这个"DataGridView循环滚动案例"示例旨在演示如何实现一个滚动效果,使得当用户达到数据视图的最后一行时,自动返回到第一行,形成一个无缝的循环滚动效果。这种效果在展示大量数据时,可以提供更好的用户体验,特别...

      ViewPager巧用偷梁换柱实现自动循环滚动

      标题“ViewPager巧用偷梁换柱实现自动循环滚动”暗示我们需要对ViewPager进行一些定制,使其能够自动、无缝地循环滚动。描述中的“简单易用好更改”意味着我们将探讨一种简洁且易于实现的方法来实现这个功能。 首先...

      rerousel:React最简单的无限轮播

      Rerousel是为React制作的最简单,最轻的无限轮播包。简单的眨眼间就设置好了旋转木马。 您只需要安装软件包-即可轻松安装组件!轻的Rerousel是可从NPM下载的最轻巧的无限React转盘,仅使用必要的软件包即可。 您不必...

      微信小程序实现简单文字跑马灯

      另外,我们设置了两个空的`text`元素,它们与实际的文字间隔相同,目的是为了在文字滚动出去后立即从右侧出现,形成无缝滚动的效果。 接下来是WXSS(微信小程序的样式层)部分: ```css .container { display: ...

      Chrome插件-《FireShot》一键滚动截屏整个网页.zip

      它可以与许多常见的办公应用和服务无缝对接,例如Microsoft Office、Evernote、Google Docs等,使得截图可以直接插入到这些应用中,提高工作效率。 在隐私保护上,FireShot尊重用户的隐私,它不会在未授权的情况下...

      阿香婆PDF编辑器Ashampoo PDF Pro.rar

      这样可以最快速、最简单的调整文档设计,大家甚至可以对多个文件进行替换。 注释、编辑、高亮文档:Ashampoo PDF Pro 可以方便的给 PDF 添加注释,高亮重要段落,或绘制图形添加说明, 内置 “已批准!”、“机密!...

      flappy bird

      循环链表的特性使得最后一个元素的指针指向第一个元素,形成一个无限循环的效果,这样在游戏中可以实现无缝滚动的背景。 在Win32程序设计中,开发者通常会使用Windows API来创建窗口、处理用户输入、绘制图形等。在...

      Python_Vizro是一个用于创建模块化数据可视化应用程序的工具包.zip

      相比之下,Vizro提供了一个更直观的界面,让用户能够通过简单的API调用来构建可视化应用。 Vizro的核心特性包括: 1. **模块化设计**:Vizro将每个图表和组件视为独立的模块,可以自由组合,这样可以提高代码的...

      VC++_MFC_简明教程

      - **单文档界面 (SDI)**:这是最简单的Windows应用程序类型,通常只有一个框架窗口。记事本、时钟等就是典型的SDI应用程序。 #### 六、MFC与Visual C++ - **Visual C++**:Visual C++ 不仅是一个编译器,还是一个...

      dsoframer最新版支持office2016.zip

      通过这些接口,开发者可以控制文档的加载、滚动、打印等一系列操作,甚至可以实现交互式的功能,如用户在预览时进行简单的编辑和注释。 在提供的压缩包中,包含了两个文件:dsoframer最新版支持office2016和...

      iOS的另一个“拉动刷新”UI组件,灵感来自伟大的应用程序Tweetbot_Objective-C_下载.zip

      这个组件的核心在于其手势识别器,它能够精确地识别用户下拉刷新的手势,并且能够与UITableView或UICollectionView等滚动视图无缝集成。通过监听滚动视图的滑动手势,当用户接近顶部时,...

      ios-YPSwiftScrollViewDemo.zip

      本项目“ios-YPSwiftScrollViewDemo”是一个基于Swift的简单滚动视图封装,提供了循环滚动和点击图片浏览的功能,适用于Xcode 7.2及以上版本。以下是对该项目中涉及的知识点的详细解释: 1. **Swift编程语言**:...

      LoopRotarySwitch.zip

      这意味着当用户在最后一项之后滑动时,它会无缝地返回到第一项,反之亦然,提供了一种无边界的浏览体验。 2. **自动旋转**:该控件支持自动旋转功能,即内容能够按照预设的方向(顺时针或逆时针)持续转动,增加了...

      ajax完整教程

      - **无限滚动**:用户滚动页面时自动加载更多内容,如社交媒体的时间线展示。 - **即时搜索结果**:在用户键入搜索关键词时即时显示匹配结果,提高搜索效率。 #### 结论 Ajax不仅是一种技术趋势,更是一种改变Web...

      微信小程序入门之广告条实现方法示例

      在本文中,我们将深入探讨如何在微信小程序中实现广告条功能,这通常用于显示滚动的文字信息,以吸引用户的注意力。我们将主要关注使用`swiper`和`navigator`组件来创建广告条的方法。 首先,`swiper`组件在微信小...

      金品皮肤dll控件Skinsharp+V1.0.6.6

      用过最好的换肤控件,使用简单,只要调用一个方法,所有... SkinSharp 完全支持Unicode,提供多种编码格式,支持静态库链接,与客户程序可以进行无缝整合!支持绝大多数第三方控件的完美换肤!界面与业务逻辑彻底分离!

      易语言源码自动循环显示列表项目.7z

      易语言是一种专为初学者设计的编程语言,它采用了贴近自然语言的语法,使得编程更加简单易懂。在这个“易语言源码自动循环显示列表项目”中,我们可以探索如何使用易语言来实现一个功能,即在列表框中自动循环显示...

    Global site tag (gtag.js) - Google Analytics