Js跑马灯效果

 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>xy欢迎新同学——跑马灯效果</title>
    <script type="text/javascript">
        function scroll() {
            var title = document.title;
            var firstChar = title.charAt(0);               // 取得第一个字符
            var leftChar = title.substr(1, title.length);
            document.title = leftChar + firstChar;
        }

        启动的时候执行
        setInterval("scroll()", 500);
    </script>
</head>
<body>

</body>
</html>

时间: 2024-11-30 04:11:31

Js跑马灯效果的相关文章

js文本框走动跑马灯效果代码分享_javascript技巧

本文实例讲述了js实现文本框走动跑马灯效果.分享给大家供大家参考.具体如下: 运行效果图: 小提示:直接复制下面分享的代码即可运行,大家可以自定义文字. 为大家分享的js实现文本框走动跑马灯效果代码如下 <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>文本框走动跑马灯代码</title> </

Android实现跑马灯效果的方法_Android

本文实例讲述了Android实现跑马灯效果的方法.分享给大家供大家参考.具体如下: 运行效果截图如下: 直接在布局里写代码就好了: <TextView android:id="@+id/menu_desc" android:layout_width="300dip" android:layout_height="wrap_content" android:text="温馨提示:左右滑动更改菜单,点击进入" android

基于JQuery实现的跑马灯效果(文字无缝向上翻动)_jquery

(function($){ $.fn.extend({ "slideUp":function(value){ var docthis = this; //默认参数 value=$.extend({ "li_h":"30", "time":2000, "movetime":1000 },value) //向上滑动动画 function autoani(){ $("li:first",doc

JavaScript小技巧制作的跑马灯效果

javascript|技巧 以下是我们所制作的跑马灯效果的源程序 <html> <head> <script language="JavaScript"> <!-- Hide var scrtxt="这儿的讯息可以改为你要告诉别人的话 "+" 或是注意事项 ..."; var lentxt=scrtxt.length; var width=100; var pos=1-width; function sc

跑马灯效果实现方式三种

跑马灯效果的实现         (1)Android自带的跑马灯效果     <TextView         android:id="@+id/tv_marquee_normal"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:ellipsize="marquee

跑马灯 remoteviews-RemoteViews 中包含一个TextView 怎样实现跑马灯效果

问题描述 RemoteViews 中包含一个TextView 怎样实现跑马灯效果 RemoteViews 中包含一个TextView 怎样实现跑马灯效果 具体代码如下: 配置文件: <TextView android:id="@+id/txt_trackinfo" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_a

手机能实现跑马灯效果吗?

问题描述 手机能实现跑马灯效果吗?能实现的话谁能给个代码,不胜感激!! 解决方案 解决方案二:这个有现成的类库,j2me基础类库就可以实现解决方案三:用高级界面和低级界面都可以实现.高级界面用Gauge来实现Gaugeg=newGauge("跑马灯",false,200,0); 低级界面采用一个线程不断更新绘制的起始位置并重绘.解决方案四:在j2me中有一个这样的API可以实现跑马灯效果,tricker什么的可以,你到书上详细查查吧

Javascript实现跑马灯效果的简单实例_javascript技巧

页面html: <div> <div id="imgShows" runat="server" style="padding-bottom: 10px;"> <div id="demo" style="overflow: hidden; width: 100%; height: 190px"> <table cellspacing="0" cel

Android自定义View实现竖直跑马灯效果案例解析_Android

首先给出跑马灯效果图   中间的色块是因为视频转成GIF造成的失真,自动忽略哈. 大家知道,横向的跑马灯android自带的TextView就可以实现,详情请百度[Android跑马灯效果].但是竖直的跑马灯效果原生Android是不支持的.网上也有很多网友实现了自定义的效果,但是我一贯是不喜欢看别人的代码,所以这篇博客的思路完全是我自己的想法哈.  首先,我们需要给自定义的控件梳理一下格局,如下图所示:  1.首先我们将控件分为三个区块,上面绿色部分为消失不可见的块,中间黑色部分为可见区域,下