精华内容
下载资源
问答
  • 文字左右滚动效果

    2011-04-10 15:15:00
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><...<head><meta htt...

    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>为什么受伤的总是我</title>
    <script language="javascript" type="text/javascript">
     var dir = "left";
    function sroll(){
     var title = document.title;
     if(dir=="left"){   
       var first = title.charAt(0);
       var last = title.substring(1,title.length);
       document.title = last+first;
      }
      else{
       title.re
       var first = title.charAt(title.length-1);
       var last = title.substring(0,title.length-1)
       document.title = first+last;
      }
      
     }
     setInterval("sroll()",500);
    function GoLeft(){
      dir = "left";
     }
    function GoRight(){
      dir="right";
     }
    </script>
    </head>

    <body>
    <input type="button" value="left" οnclick="GoLeft()" />
    <input type="button" value="right" οnclick="GoRight()" />
    </body>
    </html>

    转载于:https://www.cnblogs.com/caishuowen/archive/2011/04/10/2011448.html

    展开全文
  • css实现文字左右滚动效果

    万次阅读 2019-03-07 14:49:59
    ...} /*1200px为文本的长度,利用多媒体查询,当屏幕宽度太小时,就设置滚动距离为文本的长度*/ } @keyframes rotaryBlockSecond { 0% { left: 1200px; } 100% { left: 0; } } }  
    <div className={styles.rotaryContainer}>
      <div className={styles.rotaryBlockFirst}>
        注释:自2019年7月起,这是一段很长的文本文本文本文本文本文本文本文本文本文本文本文本文本文本,                    
        本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。
      </div>
      <div className={styles.rotaryBlockSecond}>
        注释:自2019年7月起,这是一段很长的文本文本文本文本文本文本文本文本文本文本文本文本文本文本,                    
        本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。
      </div
    </div>
    .rotaryContainer{
        background-color: yellow;
        color: red;
        height: 30px;
        margin-top: 10px;
        line-height: 30px;
        overflow: hidden;
        position: relative;
    }
    
    .rotaryBlockFirst {
        animation: rotaryBlockFirst 20s linear infinite;
        white-space: nowrap;
        position: absolute;
        width: 100%;
    }
    
    .rotaryBlockSecond {
        animation: rotaryBlockSecond 20s linear infinite;
        position: absolute;
        white-space: nowrap;
        width: 100%;
    }
    
    @keyframes rotaryBlockFirst {
        0% { left: 0; }
        100% { left: -110%;}
    }
    
    @keyframes rotaryBlockSecond {
        0% { left: 110%; }
        100% { left: 0; }
    }
    @media screen and (max-width: 1250px) {
        @keyframes rotaryBlockFirst {
            0% { left: 0; }
            100% { left: -1200px;} /*1200px为文本的长度,利用多媒体查询,当屏幕宽度太小时,就设置滚动距离为文本的长度*/
        }
    
        @keyframes rotaryBlockSecond {
            0% { left: 1200px; }
            100% { left: 0; }
        }
    }
    

     

    展开全文
  • 有时候下拉框里面的一条内容很多,下拉框显示不完,则需要左右滚动效果来显示剩下的文字。 代码很简单: 无标题文档 function init(){ var os=document.getElementsByTagName("option"); for(var i...

    有时候下拉框里面的一条内容很多,下拉框显示不完,则需要左右滚动的效果来显示剩下的文字。

    代码很简单:

    <!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"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>无标题文档</title> 
    <script type="text/javascript"> 
    function init(){ 
    var os=document.getElementsByTagName("option"); 
    for(var i=0;i<os.length;i++){ 
    var tx=os[i].innerHTML; 
    var l=tx.length; 
    var b=tx.substring(0,1); 
    var e=tx.substring(1); 
    os[i].innerHTML=e+b; 
    } 
    window.setTimeout(init,1000); 
    } 
    window.οnlοad=init; 
    </script> 
    </head> 
    <body> 
    <select> 
    <option>一个用法</option> 
    <option>也许人生就是如此</option> 
    <option>云在青天,水在瓶</option> 
    </select> 
    </body> 
    </html> 
    


    展开全文
  • 文字左右滚动标签

    2010-07-27 22:12:00
    <marquee behavior="alternate"> <font size=20 color='blue'>html实现文字左右滚动效果<font><br /> </marquee>

    <marquee behavior="alternate">
    <font size=20 color='blue'>html实现文字左右滚动效果<font>
    </marquee>

    展开全文
  • 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...<head><... charset=gb2312″ /><...jQuery公告文字左右滚动效果-www.jb51.net</title><style type
  • 关于Android实现文字上下滚动这个功能,我目前有两种方法实现:一个是在TextView 中加上翻转的动画效果,然后设置循环滚动;一种是改写ViewPager 的滚动方向,使它从下到上进行滚动,并设置循环滚动;首先介绍第一种...
  • 文字左右循环滚动

    千次阅读 2016-07-29 10:15:16
    jQuery公告文字左右滚动效果-www.jb51.net #scrollText { width: 400px; margin-right: auto; margin-left: auto; } $(document).ready(function(e) { ScrollText($('#scrollTex
  • 希望用marquee标签来设置字体滚动,代码是下面这样写的,但是没有效果,字体还是不会滚动,应该怎么来写,才会实现这个效果
  • 实现一个css 来控制图片和文字左右拖动的效果。具体的效果图 如下图所示:最开始的时候,产品给了我一张静态图片,让我按照这个来是实现页面。跟我说了一下说是可以播放滑动的。我以为是让我写一个轮播图。后来才...
  • * @description 滚动 * @class Marquee * @param {Object} */ var Marquee = function () { this .direction = "top" ; this .speed = 30 ; }; Marquee.prototype = { //initial init: function ...
  • TextView单行显示,文字左右滚动(走马灯效果)实现条件: 实现单行设置固定宽度或者设置权重都行 代码 TextView滚动必须写下面几个属性 android:singleLine="true" android:ellipsize="marquee" ...
  • TextView文本文字左右滚动效果(跑马灯)的两种方式: 一、在布局文件中设置相应的焦点 android:layout_width="match_parent" android:layout_height="wrap_content" android:singleLine="true" android:
  • jquery文字滚动效果

    2011-01-16 14:47:34
    用jquery来实现的文字滚动效果,包括上下、左右、跑马灯效果。
  • (原创)易语言编辑框左右滚动文字效果源码,标题滚动,中英文 作者博客 http://luyugao.com
  • 文字滚动代码: TextView滚动必须写下面几个属性  android:singleLine="true"   android:ellipsize="marquee"  android:marqueeRepeatLimit="marquee_forever"  android:focusable="true"   android:...
  • &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;zh-CN&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&...文字左右无缝滚动效果--广
  • TextSwitcher是系统的原生类,调用它实现文字滚动效果非常流畅。

空空如也

空空如也

1 2 3 4 5 ... 12
收藏数 235
精华内容 94
关键字:

文字左右滚动效果