欢迎来到懒人图库！返回首页网站地图懒人工具箱

当前位置：首页 > JS代码 > JS特效代码 > 文字特效

打字效果的带链接的新闻标题

2009-06-04　来源/作者：懒人图库　分类：文字特效　 «»

<html>
<head>
<title>打字效果的带链接的新闻标题</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
body{font-size:14px;font-weight:bold;}
</style>
</head>
<body>
最新内容：<a id="HotNews" href="" target="_blank"></a>
<SCRIPT LANGUAGE="JavaScript">
<!--
var NewsTime = 2000;	//每条新闻的停留时间
var TextTime = 50;		//新闻标题文字出现等待时间，越小越快

var newsi = 0;
var txti = 0;
var txttimer;
var newstimer;

var newstitle = new Array();	//新闻标题
var newshref = new Array();		//新闻链接

newstitle[0] = "懒人图库";
newshref[0] = "http://www.lanrentuku.com/";

newstitle[1] = "http://www.lanrentuku.com/";
newshref[1] = "http://www.lanrentuku.com/";

newstitle[2] = "显而易见，最高的效率就是对现有材料的最佳利用。";
newshref[2] = "http://www.lanrentuku.com/";

newstitle[3] = "学会偷懒，并懒出境界是提高工作效率最有效的方法！";
newshref[3] = "http://www.lanrentuku.com/";

newstitle[4] = "bye";
newshref[4] = "http://www.lanrentuku.com/";

function shownew()
{
	//code by haiwa @2005-10-21 www.51windows.net
	var endstr = "_"
	hwnewstr = newstitle[newsi];
	newslink = newshref[newsi];
	if(txti==(hwnewstr.length-1)){endstr="";}
	if(txti>=hwnewstr.length){
		clearInterval(txttimer);
		clearInterval(newstimer);
		newsi++;
		if(newsi>=newstitle.length){
			newsi = 0
		}
		newstimer = setInterval("shownew()",NewsTime);
		txti = 0;
		return;
	}
	clearInterval(txttimer);
	document.getElementById("HotNews").href=newslink;
	document.getElementById("HotNews").innerHTML = hwnewstr.substring(0,txti+1)+endstr;
	txti++;
	txttimer = setInterval("shownew()",TextTime);
}
shownew();
//-->
</SCRIPT>
<p><a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p>
</body>
</html>

运行代码保存代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

标签：文字特效

相关代码推荐

CSS强制不换行超过div部分长度采用省略号

JS仿黑客帝国字母掉落效果

HTML5模仿骇客帝国文字矩阵效果

隐藏省略文字特效

显示和隐藏文字特效

打字效果代码

字体大中小代码&字号缩放代码

CSS凹陷文字

超出的文字用省略,用…代替

广告代码 全部››: 焦点图; 全屏广告; 对联广告; 在线客服; 相册代码; 菜单导航; TAB标签; 悬浮漂浮; 视频播放; 图片特效; 翻牌书角; 其他代码

特效代码 全部››: 导航菜单; 表单按钮; 文字特效; 表格图层; 图片特效; 时间日期; 滚动代码; 窗口特效; 颜色背景; 网站常用; CSS样式; 其他特效

猜你也喜欢看这些 ······: jQuery手风琴图片滑动效果图片特效2020-04-26; HTML5&SVG彩色线条文字时钟特效代码其他代码2020-04-26; 像素方块时钟CSS3特效代码其他代码2020-04-26; 购物网站四联CSS3图片特效代码图片特效2020-04-24; 2021新年倒计时雪花代码其他代码2020-04-24

这些是最新的 ······: CSS3+JS滚动数字时钟代码时间日期2017-09-09; jQuery左右滚动4屏弹性焦点图代码网站常用2020-04-10; jQuery实现的平滑滚动选项卡其他特效2020-04-10; 图片垂直居中不随滚动条滚动的JS代码图片特效2020-04-10; 图片在窗口中上下左右垂直居中代码图片特效2020-04-10