|
動態網頁特效 |
Java Script
狀態列跑馬燈
- 複製以下控制碼
- 將控制碼貼在</head>之
前，並修改紅字部分
|
<SCRIPT LANGUAGE="JavaScript">
<!--
function scroll(seed)
{
var msg="這是一個有趣的狀態列跑馬燈喔喔喔!!";
var out = " ";
var c = 1;
if (seed > 100) {
seed--;
var cmd="scroll(" + seed + ")";
timerTwo=window.setTimeout(cmd,100);
}
else if (seed <= 100 && seed > 0) {
for (c=0 ; c < seed ; c++) {
out+=" ";
}
out+=msg;
seed--;
var cmd="scroll(" + seed + ")";
window.status=out;
timerTwo=window.setTimeout(cmd,100);
} else if (seed <= 0) {
if (-seed < msg.length) {
out+=msg.substring(-seed,msg.length);
seed--;
var cmd="scroll(" + seed + ")";
window.status=out;
timerTwo=window.setTimeout(cmd,100);
}
else {
window.status=" ";
timerTwo=window.setTimeout("scroll(100)",7);
}
}
}
timerONE=window.setTimeout('scroll(100)',50);
//-->
</SCRIPT> |
變更游標圖示
- 複製以下控制碼
- 將控制碼貼在<body>之後，並修改紅字部份
-
將欲顯示的游標圖示(如：111.jpg)放在images資料夾中，則修改為images/111.jpg
|
<div id="cursor" style="position:absolute;
left:100px; top:160px; width:100px; height:25px; z-index:0;
visibility: visible">
<img src="路徑/檔名" >
</div><script language="JavaScript">
<!--
function YY_Mousetrace(evnt) { //v1.2 copyright (c)1998 Yaro von
Flocken
if (yyns4)
{if (evnt.pageX) {yy_ml=evnt.pageX; yy_mt=evnt.pageY;} }
else{
yy_ml=(event.clientX + document.body.scrollLeft);
yy_mt=(event.clientY + document.body.scrollTop);
}
if (yy_tracescript)eval(yy_tracescript)
}
function m()
{
document.all.cursor.style.left=yy_ml+10
document.all.cursor.style.top=yy_mt+10
}
//-->
</script>
<script language="JavaScript">
<!--
var yyns4=window.Event?true:false; var yy_mt = 0; var yy_ml = 0;
if (yyns4) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = YY_Mousetrace;
yy_tracescript = 'm()';
//-->
</script>
|
顯示文字時鐘
- 複製以下控制碼
- 將控制碼貼在<body>中欲放置的地方
|
<script
language="JavaScript1.2">
<!--
if (document.layers)
document.write('<ilayer id="clockmain" height=20><layer
id="clock" width="100%"></layer></ilayer>');
else
document.write("<span id='clock'></span>");
var now,hours,minutes,seconds,timeValue;
function showtime(){
if (!document.layers&&!document.all) return;
now = new Date();
hours = now.getHours();
minutes = now.getMinutes();
seconds = now.getSeconds();
timeValue = (hours >= 12) ? "下午 " : "上午 ";
timeValue += ((hours > 12) ? hours - 12 : hours) + " 點";
timeValue += ((minutes < 10) ? " 0" : " ") + minutes + " 分";
timeValue += ((seconds < 10) ? " 0" : " ") + seconds + " 秒";
if (document.layers){
document.clockmain.document.clock.document.write("<center><font
class=greenword>"+timeValue+"</font></center>");
document.clockmain.document.clock.document.close();
}
else if (document.all)
clock.innerHTML = timeValue;
setTimeout("showtime()",100);
}
window.onload=showtime;
//-->
</script>
|
更多有趣特效，請點上圖連結:D |
