<!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标题文字滚动显示效果</title>
</head>
<body bgcolor="#ffffff" onload="newtext()">
<script language=javascript>
var text = document.title
var timerID
function newtext() {
clearTimeout(timerID)
document.title = text.substring(1, text.length) + text.substring(0, 1)
text = document.title.substring(0, text.length)
timerID = setTimeout("newtext()", 100)
}
</script>
</body>
</html>
|
demo展示2：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8"/>
<title>JS实现title标题闪烁提示信息</title>
</head>
<body>
<script type="text/javascript">
_record = 0;
var myTitle = document.title;
function titleBlink() {
_record++;
if(_record == 3) { //当变量_record累加到3是，将其赋值为1。相当于无限循环。
_record = 1;
}
if(_record == 1) {
document.title = '【 】' + myTitle;
}
if(_record == 2) {
document.title = '【新消息】' + myTitle;
}
setTimeout("titleBlink()", 500); //调节时间，单位毫秒。
}
titleBlink();
</script>
</body>
</html>
|
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！