|
藍森林 http://www.lslnet.com 2006年8月25日 8:28
 網頁中的JS鏈接
網頁中的JS鏈接
文字的JS
[html]<SCRIPT language=JavaScript>
<!-- Begin
var speed = 20;
var cycledelay = 1000;
var maxsize = 38;
var x = 0;
var y = 0;
var themessage, size;
var esize = "";
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
var themessage2 = new initArray(
"因為心中無愛，我不寫愛情",
"因為沒有情侶，我不寫美女",
"因為唯有苦辛，我不寫甜蜜",
"因為心中痛苦．我不寫歡欣",
"因為命途多桀，我不寫幸運",
"因為不見妃子，我不寫寵遇",
"因為囊中羞澀，我不寫珠玉",
"因為體質虛弱．我不寫健身",
"因為遠離君王，我不寫宮閣",
"因為身在異邦，我不寫法國",
"因為鼠輩成群，我不寫正直",
"眼前只有虛偽．我不寫友情",
"從來不見高潔，我不寫德行",
"周圍都是教士，我不寫學識"
);
if(navigator.appName == "Netscape")
document.write('<layer id="wds"></layer><br>');
if (navigator.appVersion.indexOf("MSIE") != -1)
document.write('<span id="wds"></span><br>');
function upwords(){
themessage = themessage2[y];
if (x < maxsize) {
x++;
setTimeout("upwords()",speed);
}
else setTimeout("downwords()",cycledelay);
if(navigator.appName == "Netscape") {
size = "<font point-size='"+x+"pt'>";
document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<center>"+themessage+"</center>";
wds.style.fontSize=x+'px'
}
}
function downwords(){
if (x > 1) {
x--;
setTimeout("downwords()",speed);
}
else {
setTimeout("upwords()",cycledelay);
y++;
if (y > themessage2.length - 1) y = 0;
}
if(navigator.appName == "Netscape") {
size = "<font point-size='"+x+"pt'>";
document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<center>"+themessage+"</center>";
wds.style.fontSize=x+'px'
}
}
setTimeout("upwords()",speed);
// End -->
</script>[/html]
鼠標的JS
[html]<html><head><title>鼠標的文字跟蹤特效</title> <STYLE>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Verdana;
font-weight:bold;
color:red;
}
</STYLE></head> <script language=JavaScript src="../../common.js"></script> <body onLoad="makesnake()"><script>
var x,y
var step=20
var flag=0
var message="你的溫柔是我今生最大的守候"
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}
function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}
</script>
<!--把下面代碼加入你html文件<body>和</body>之間:-->
<script>
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
</script> </body> </html> [/html]
怎麼樣運行多個JS
[html]
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JS</title>
</head>
<body>
<p><a href="#">點擊這裡顯示文字的那個JS運行</a></p>
<p><a href="#">點擊這裡顯示鼠標的那個JS運行</a></p>
</body>
</html>[/html] |
|
