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