javascript走马灯的效果(文档标题文字滚动)

做一些网站的时候,文档标题会滚动,这个效果是走马灯的效果。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>走马灯的效果</title>
	</head>
	<body>
		<script>
			var dir="";
			function zouma(){
				var tit=document.title;
				if(dir=="left"){
					var first=tit.substring(0,1);
					//console.log(first);
					var last=tit.substring(1,tit.length);
					document.title=last+first;
				}else if(dir=="right"){
					var first=tit.substring(0,tit.length-1);
					console.log(first);
					var last=tit.substring(tit.length-1);
					document.title=last+first;
				}
			}
			function strdir(d){
				dir=d;
			}
			setInterval("zouma()",600);
		</script>
		<button id="left" type="button" onclick="strdir(‘left‘)">向右滑动</button>
		<button id="right" type="button" onclick="strdir(‘right‘)">向左滑动</button>
	</body>
</html>

  这个分为向左滚动和向右滚动,默认不滚动

时间: 2024-11-03 17:02:16

javascript走马灯的效果(文档标题文字滚动)的相关文章

JavaScript中的Document文档对象

Document文档对象是JavaScript中window和frames对象的一个属性,是显示于窗口或框架内的一个文档.描述当前窗口或指定窗口对象的文档.它包含了文档从到的内容. 用法:document (当前窗口) 或 <窗口对象>.document (指定窗口) 属性: document.title //设置文档标题等价于HTML的定义的文字.在 Netscape 里本属性不接受赋值. fgColor 指标记的 text 属性所表示的文本颜色. bgColor 指标记的 bgcolor

OpenXml入门----给Word文档添加文字

使用OpenXml给word文档添加文字,每个模块都有自己对于的属性以及内容,要设置样式就先声明属性对象,将样式Append到属性里面,再将属性append到模块里面,那么模块里面的内容就具备该样式了.此方法默认是在文件后面追加内容 Code: using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using Docum

dedecms为什么文档标题最大长度只能显示二十个汉字呢?

今天遇到文章标题无论怎么修改,超出二十个汉字不能全部保存,系统只截取前二十个汉字的内容进行保存. 在后台查看系统设置: 系统——其它选项——文档标题最大长度,的值是60,对应的数据库表字段char的长度也是60. 一个汉字占2个字节,按说应该能保存30个汉字才对,搜索后发现以下内容 原因分析:因为UTF-8编码1个中文汉字占用的是3个字节,GBK占用的是2个字节. 对应自己的织梦系统编码为UTF-8,那么60对应的就是20个汉字了. 于是将文档标题最大长度进行修改,如100 数据库dede_ar

javascript DOM操作HTML文档

文档对象模型(DOM)是W3C为解决浏览器混战时代不同浏览器环境之间的差别而制定的模型标准.W3C将文档对象模型定义为:是一个能让程序和脚本动态 访问和更新文档内容.结构和样式的语言平台.提供了标准的HTML和XML对象集,并有一个标准接口来访问并操作他们,即任何一个 html 元素可以使用 JavaScript DOM 动态访问和控制. 1. DOM概述 文档对象模型定义了JavaScript可以进行操作的浏览器,描述了文档对象的逻辑结构及各个功能组件的标准接口.主要包括以下内容: 核心Jav

文档资料文字怎么在线转换成语音内容

文档资料文字怎么在线转换成语音内容,由于工作的需要,每天都需要看文档资料,严重的用眼过度,而且很多时候出门在外看文档特别不方便,如果将文字转换成语音内容,这样不仅在外也可以阅读,而且大大的提高了工作的效率,那如何进行文字转语音的操作呢!步骤一:我们借助电脑,在浏览器中搜索"迅捷语音云服务"并点击进入到在线操作平台.步骤二:进入到在线操作平台后,选择转换功能"文字转语音"进入待转换界面.步骤三:在待转换页面输入框内输入/粘贴需要转换的文本内容. 步骤四:待转换页面下方

实现窗口中的文档自动向上滚动,方便阅读

<!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="en"> <head> <meta ht

javascript简介-标签引入-文档输出-语法构成

一.javascript简介 1.javaScript是什么? JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能. 2.javaScript能干什么 可以写一些效果,网页增加色彩 表单验证 .......  3.javaScript历史 开篇 大概在 1992 年,一家称作 N

文档流&amp;文字&amp;CSS常用命令

文档流 文档流就是文档内元素流动方向 流动方向 内联元素从左往右流,宽度不够,之字形,且元素会被截断 块元素从上往下流动,一排一排 注意事项 内联元素中有英文单词,流动时宽度不够,英文单词会整体迁移,不会被打断 若想打断上述联结,请使用css属性 /*想打断的内联元素*/{ word-break: break-all; display: inline-block; } 脱离文档流 类似悬浮在页面上一样 position: fixed; position: absolute; 关于字体 一般,页面

Photoshop脚本 &gt; 创建新文档和文字图层

源自:http://coolketang.com/tutorials/menu2lesson2.php 本节将演示如何使用脚本,新建一个空白文档,并给空白空档添加一个文字图层. 首先创建一个空白的脚本文档,并保存在硬盘上某个位置. 接着输入脚本代码: //定义一个变量[docRef],用来表示新建的文档. //相对于上一节来说,[app.documents.add]命令只传入宽度和高度参数来创建一个空白文档. var docRef = app.documents.add(500, 300); /