|
 |
栏目导栏 |
|
| |
|
|
|
|
|
资料搜索 |
|
| |
|
|
|
|
|
热门文章 |
|
| |
|
|
|
|
|
最新文章 |
|
| |
|
|
|
| |
| |
|
|
|
|
每当用浏览器一打开别人的主页时，在浏览器的状态栏上就会出现各种形式的文本提示，而且提示是动态的，提示的内容有的是介绍主页内容的，有的是欢迎的信息等等，这样的提示既不影响浏览主页的速度，又不影响观看主页，因为它不占据页面的部分，所以很多的主页都应用这种特效。QYzLinux联盟
要实现这样的特效并不是很难，下面就介绍几种这种特效的应用实例：QYzLinux联盟
QYzLinux联盟
一、眨眼式QYzLinux联盟
当浏览器打开网页时，下面的状态栏就会像眨眼睛似地出现文本提示信息(提示的内容可以改成你所需要的任意内容)。QYzLinux联盟
<script language=″JavaScript″>QYzLinux联盟
!－－QYzLinux联盟
var yourwords =″欢迎光临网页教学网（http://www.webjx.com)″;QYzLinux联盟
var speed = 1000;QYzLinux联盟
var control = 1;QYzLinux联盟
function flash()QYzLinux联盟
{QYzLinux联盟
if (control == 1)QYzLinux联盟
{QYzLinux联盟
window.status=yourwords;QYzLinux联盟
control=0;QYzLinux联盟
} QYzLinux联盟
elseQYzLinux联盟
{QYzLinux联盟
window.status=″ ″;QYzLinux联盟
control=1;QYzLinux联盟
}QYzLinux联盟
setTimeout(″flash();″,speed);QYzLinux联盟
}QYzLinux联盟
flash();QYzLinux联盟
</script>QYzLinux联盟
QYzLinux联盟
二、冒泡式 QYzLinux联盟
当浏览器打开网页时，下面的文本就像是冒泡一样，一个字一个字地出现，提示信息同样可以改变成你自己的内容。 QYzLinux联盟
把下面的代码放到主页中的<body>和</body>之间即可 QYzLinux联盟
<script language=″JavaScript″> QYzLinux联盟
<!－－QYzLinux联盟
var msg =″欢迎光临网页教学网″;QYzLinux联盟
var interval =300QYzLinux联盟
var spacelen = 120;QYzLinux联盟
var space10=″ ″;QYzLinux联盟
var seq=0;QYzLinux联盟
function Scroll() {QYzLinux联盟
len = msg.length;QYzLinux联盟
window.status = msg.substring(0, seq＋1);QYzLinux联盟
seq＋＋;QYzLinux联盟
if ( seq 〉= len ) { QYzLinux联盟
seq = 0; QYzLinux联盟
window.status = ′ ′;QYzLinux联盟
window.setTimeout(″Scroll();″, interval );QYzLinux联盟
}QYzLinux联盟
elseQYzLinux联盟
window.setTimeout(″Scroll();″, interval );QYzLinux联盟
} QYzLinux联盟
Scroll();QYzLinux联盟
</script>QYzLinux联盟
QYzLinux联盟
三、标题栏出现QYzLinux联盟
当浏览器打开网页时，上面的标题栏就会移动出现一行提示信息，提示信息可随你改变。QYzLinux联盟
把下面的代码放到主页中的<body>和</body>之间即可QYzLinux联盟
<script language=″JavaScript″> QYzLinux联盟
<!－－Hide me QYzLinux联盟
file://″index_count″ is subtracted from ″title_length″ to get the first ＃ of the substring methodQYzLinux联盟
var index_count = 0; QYzLinux联盟
// What you want to scroll in the title barQYzLinux联盟
var title_string =″欢迎光临网页教学网(http://www.webjx.com)!″;QYzLinux联盟
// length of title stringQYzLinux联盟
var title_length = title_string.length;QYzLinux联盟
// Variable for setTimeout()QYzLinux联盟
var cmon;QYzLinux联盟
// Counter for clearTimeout()QYzLinux联盟
var kill_length = 0;QYzLinux联盟
function loopTheScroll()QYzLinux联盟
{QYzLinux联盟
scrollTheTitle();QYzLinux联盟
// If greater than length of string then stop calling itselfQYzLinux联盟
if(kill_length 〉 title_length)QYzLinux联盟
{QYzLinux联盟
clearTimeout(cmon);QYzLinux联盟
}QYzLinux联盟
kill_length＋＋;QYzLinux联盟
// Calls itself 10x per second － change the value to speed up or slow down the scroll (in 1/1000th of a second)QYzLinux联盟
cmon = setTimeout(″loopTheScroll();″,100)QYzLinux联盟
}QYzLinux联盟
function scrollTheTitle()QYzLinux联盟
{QYzLinux联盟
// Difficult to explain, must be familiar w/ the substring methodQYzLinux联盟
var doc_title = title_string.substring((title_length － index_count － 1),title_length);QYzLinux联盟
// put doc_title in the title barQYzLinux联盟
document.title = doc_title;QYzLinux联盟
index_count＋＋;QYzLinux联盟
}QYzLinux联盟
loopTheScroll();QYzLinux联盟
file://－－〉QYzLinux联盟
</script>QYzLinux联盟
QYzLinux联盟
上面是几个简单的特效实例，你自己可以设计出更多这样的特效形式，修改成你自己的特殊风格。怎么样？赶紧在你的主页里动手试试吧。
Linux联盟收集整理 ,转贴请标明原始链接,如有任何疑问欢迎来本站Linux论坛讨论 |
|
|
|
|
|
