文本滚动效果 [已实现]

最新推荐文章于 2011-06-28 16:08:00 发布
最新推荐文章于 2011-06-28 16:08:00 发布
阅读量803 收藏 1
点赞数
分类专栏： Silverlight VS (C#) ASP ASP.NET VS Ajax JavaScript C# 文章标签： scroll qq xhtml html border xml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yanjiaye520/article/details/6063608
版权
ASP.NET VS Ajax 同时被 3 个专栏收录
42 篇文章 0 订阅
订阅专栏
C#
36 篇文章 1 订阅
订阅专栏
JavaScript
20 篇文章 0 订阅
订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>文本滚动效果_javascript</title>
</head>
<body>
    <div>
        <ul id="divShowContent" style="border: 1px solid #f8aa4f; width: 400px; height: 110px;
            overflow: hidden;" οnmοusemοve="scroll = false;" οnmοuseοut="scroll = true;">
            <li style="width: 100%;">飞天刺客_hacker13A_QQ86017974_001</li>
            <li style="width: 100%;">飞天刺客_hacker13A_QQ86017974_002</li>
            <li style="width: 100%;">飞天刺客_hacker13A_QQ86017974_003</li>
            <li style="width: 100%;">飞天刺客_hacker13A_QQ86017974_004</li>
            <li style="width: 100%;">飞天刺客_hacker13A_QQ86017974_005</li>
            <li style="width: 100%;">飞天刺客_hacker13A_QQ86017974_006</li>
            <li style="width: 100%;">飞天刺客_hacker13A_QQ86017974_007</li>
            <li style="width: 100%;">飞天刺客_hacker13A_QQ86017974_008</li>
            <li style="width: 100%;">飞天刺客_hacker13A_QQ86017974_009</li>
            <li style="width: 100%;">飞天刺客_hacker13A_QQ86017974_010</li>
        </ul>
        <script type="text/javascript">
            var scroll = true;
            function SetMarquee() {
                if (scroll) {
                    var container = document.getElementById("divShowContent");
                    container.appendChild(container.firstChild);
                }
            }
            setInterval("SetMarquee()", 1000);
        </script>
    </div>
</body>
</html>

Microblue
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
实现文字滚动效果——Vue实现
吴小花的博客
05-22 6103
这种思路要借用到Vue提供的transition组件了，它提供了一些类名，比如v-enter、v-enter-active等来对应CSS的类 <div class="text-container"> <transition class="inner-container" name="slide" mode="out-in"> <p class="text2" :key="newsText.id">{{newsText.val}}</p> &
vs2010中在输出窗口COutputWnd中输出文字和自动滚动
dangodango的专栏
10-18 6043
最近在尝试VS2010中的各种新鲜插件，首先从最简单的输出窗口入手。 VS2010向导中产生的输出窗口是通过CMainFrame中的COutputWnd类的对象m_wndOutput生成的。为了向输出窗口输出文字，我自己做了一个悬浮停靠的对话框，具体方法网上参见http://blog.sina.com.cn/s/blog_6163bdeb0102dy8r.html 这个对话框上我加了一个简单的
C#实现文字滚动效果
02-19
VS2010编写的解决方案，亲测可用。代码超简单。
文本滚动效果
zju2004的专栏
11-09 283
<br /><?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="complete()" > <mx:Script> <!--[CDATA[ private function complete():void
marquee如何让文字上下来回滚动
热门推荐
博艺的技术专栏
05-11 2万+
首先让我们认识这个标签，它是成对出现的标签，首标签和尾标签之间的内容就是滚动内容。标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，它们都是可选的。behavior属性behavior属性的参数值为alternate、scroll、slide中的一个，分别表示文字
android实现滚动文本效果
08-19
`AnimationTextLayout`是实现滚动文本的核心类，它包含了处理文本滚动逻辑的方法和数据结构。`tipList`存储需要展示的文本数据，`displayList`用于保存当前显示的文本视图，`viewList`则保存了所有创建的`TextView`...
纯javascript实现四方向文本无缝滚动效果
10-24
本文主要给大家分享了使用纯javascript实现的可控制的四方向文本无缝滚动的代码，效果非常不错，有需要的小伙伴可以参考下。
js实现单行文本向上滚动效果实例代码
10-26
JS 实现单行文本向上滚动效果实例代码 这篇文章主要介绍了使用 JavaScript 实现单行文本向上滚动效果的实例代码。该代码提供了一个 ScrollText 对象，通过该对象可以实现文本的滚动效果。 ScrollText 对象 ...
js实现文本上下来回滚动
10-20
在本文中，我们将深入探讨如何使用JavaScript来实现文本的上下来回滚动效果。 首先，实现文本滚动通常涉及到对HTML元素的样式控制和定时器的运用。在这个示例中，使用了jQuery库，它是一个轻量级的JavaScript库，...
SerialPort中串口数据的读取与写入
Microblue（严 武）
07-28 1万+
SerialPort中串口数据的读取与写入有较大的不同。由于串口不知道数据何时到达，因此有两种方法可以实现串口数据的读取。一、线程实时读串口；二、事件触发方式实现。由于线程实时读串口的效率不是十分高效，因此比较好的方法是事件触发的方式。在SerialPort类中有DataReceived事件，当串口的读缓存有数据到达时则触发DataReceived事件，其中SerialPort.ReceivedBytesThreshold属性决定了当串口读缓存中数据多少个时才触发DataReceived事件，默认为1。另外
更改tabControl选项卡颜色
Microblue（严 武）
08-03 9804
<br />private void Form1_Load(object sender, EventArgs e)<br />        {<br />            this.tabControl1.DrawMode = System.Windows.Forms.TabDrawMode.OwnerDrawFixed;<br />            this.tabControl1.DrawItem += new DrawItemEventHandler(this.tabControl1_D
C# 边框阴影窗体效果
Microblue（严 武）
12-23 6492
using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.Linq;using System.Text;using System.Windows.Forms;using System.Runtime.InteropServices;namespace test{    public partial class For
c# DataGridView中实现ComboBox可编辑的下拉框功能
Microblue（严 武）
12-25 5384
<br />using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; using System.Runtime.InteropServices; namespace test {
listview Group 收缩扩展
Microblue（严 武）
11-22 5196
1、本实例是完善了codeprofect上面charju老师“Add Group Collapse Behavior on a Listview Control”的一个限制（点击分组后面的图标不能收缩和扩展）；2、本实列适用于win2008,vista；3、仅供参考，如有更好的方法，望大家不吝交流~实例图如下：完整代码如下（只需建一个windows工程，在窗体上拖一个listview控件，取名为aoc，右击编辑代码，把下面的代码粘到窗口就可以了~，但需要注意事件对应）：using System;using
c# DataGridView 批量选中行删除函数
Microblue（严 武）
11-30 3624
<br />      private void MulDelete()<br />        {<br />            long[] long_id = new long[100];<br />            int[] int_id = new int[100];<br />            int k = 0;<br />            for (int i = 0, mk = 0; i < dataGridv_AdminIma.Rows.Count; i++,
HTML 控制播放SWF格式
Microblue（严 武）
06-28 3572
微蓝            function startMovie() {                  var oFlashMovie = document.getElementById("index");                  oFlashMovie.Play();              }              
c# 用户自定义控件嵌入自己的图标
Microblue（严 武）
11-28 3541
http://support.microsoft.com/kb/311315/zh-cnhttp://msdn2.microsoft.com/zh-cn/library/zs3w86y9.aspxhttp://ms.mblogger.cn/acheqi/Rss.aspx?CategoryID=1833<br /><br />下面给出一下具体的步骤。新建一个用户控件 向资源文件是添加一张图片，图片格式可以是bm,ico 大小最好是 16 * 16 啦！选中用户控件图标，单击“右键》属性”把　“生成操作　的属性
c# 双缓冲（防止闪屏）
Microblue（严 武）
12-23 3279
//   该调用是   Windows.Forms   窗体设计器所必需的。 InitializeComponent(); //   TODO:   在   InitComponent   调用后添加任何初始化 this.SetStyle(ControlStyles.AllPaintingInWmPaint,true); //开启双缓冲this.SetStyle(ControlStyles.DoubleBuffer,true); this.SetStyle(ControlStyles.UserPaint,t
Jquery实现多行文本滚动效果教程
该文档提供了关于如何使用Jquery实现各种文字滚动效果的详细指南，特别是创建一个可以同时在页面上显示多个滚动区域的跑马灯插件。这个插件允许用户自定义滚动的行数、速度和时间间隔。 Jquery是一个广泛使用的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值