demo展示1: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / t
demo展示1:
<!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>
|

发表评论