PIXNET Logo登入

★～羽欣～☆

跳到主文

部落格全站分類：生活綜合

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 5月 19 週一 200810:20

  • 倒影時間

語法展示::  http://home.graffiti.net/qhlhgnhv/
請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。

<DIV class=time id=tim1
style="HEIGHT: 20px; LEFT: 200px; POSITION: absolute; TOP: 150px; WIDTH: 10px"></DIV>
<DIV class=time id=tim2
style="FILTER: flipv() alpha(opacity=20); FONT-STYLE: italic; POSITION: absolute"></DIV>

在 LEFT: 200px; 中修改時間距離視窗左邊的距離
在 TOP: 150px; 中修改時間距離視窗上面的距離

將以下程式碼複製，貼在<head>及</head>標籤之間。
<style type="text/css">
<!--
.time{font-family : Comic Sans Ms;
font-size : 14pt;font-weight : bold;color: #00008D;}
-->
</style>
<script language="JavaScript">
<!--
var ctimer;
function init(){
if (document.all){
tim2.style.left=tim1.style.posLeft;
tim2.style.top=tim1.style.posTop+tim1.offsetHeight-6;
settimes();
}
}
function settimes(){
var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
if (hours<10)
hours="0"+hours;
if(mins<10)
mins="0"+mins;
if (secs<10)
secs="0"+secs;
tim1.innerHTML=hours+":"+mins+":"+secs
tim2.innerHTML=hours+":"+mins+":"+secs
ctimer=setTimeout('settimes()',960);
}
-->
</script>

將以下程式碼複製，貼在插入<body >標籤裡面。
 onload="init()"
(繼續閱讀...)
文章標籤

asp520520 發表在 痞客邦 留言(0) 人氣(1)

  • 個人分類：網頁語法特效~日期時間
▲top
  • 5月 19 週一 200810:15

  • 進站時間+現在時間+停留時間

語法展示::   http://home.graffiti.net/edcvvbg555hj/
請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<FORM>
<INPUT TYPE="button" value="檢查停留時間" onClick="getLogoffTime()">
</FORM>
</center>
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
var onHours = " ";
var onMinutes = " ";
var onSeconds = " ";
var offHours = 0;
var offMinutes = 0;
var offSeconds = 0;
var logSeconds = 0;
var logMinutes = 0;
var logHours = 0;
var OnTimeValue = " ";
var OffTimeValue = " ";
var PageTimeValue = " ";
function getLogonTime() {
var now = new Date();
var ampm = (now.getHours() >= 12) ? " P.M." : " A.M."
var Hours = now.getHours();
Hours = ((Hours > 12) ? Hours - 12 : Hours);
var Minutes = ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes();
var Seconds = ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds();
OnTimeValue =(" "
+ Hours
+ Minutes
+ Seconds
+ " "
+ ampm);
onHours = now.getHours();
onMinutes = now.getMinutes();
onSeconds = now.getSeconds();
}
function getLogoffTime() {
var now = new Date();
var ampm = (now.getHours() >= 12) ? " P.M." : " A.M."
var Hours = now.getHours();
Hours = ((Hours > 12) ? Hours - 12 : Hours);
var Minutes = ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes();
var Seconds = ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds();
OffTimeValue =(" "
+ Hours
+ Minutes
+ Seconds
+ " "
+ ampm);
offHours = now.getHours();
offMinutes = now.getMinutes();
offSeconds = now.getSeconds();
timer();
}
function timer() {
if (offSeconds >= onSeconds) {
logSeconds = offSeconds - onSeconds; }
else {
offMinutes -= 1;
logSeconds = (offSeconds + 60) - onSeconds;
}
if (offMinutes >= onMinutes) {
logMinutes = offMinutes - onMinutes; }
else {
offHours -= 1;
logMinutes = (offMinutes + 60) - onMinutes;
}
logHours = offHours - onHours;
logHours = ((logHours < 10) ? "0" : ":") + logHours;
logMinutes = ((logMinutes < 10) ? ":0" : ":") + logMinutes;
logSeconds = ((logSeconds < 10) ? ":0" : ":") +logSeconds;
PageTimeValue =(" "
+ logHours
+ logMinutes
+ logSeconds);
displayTimes();
}
function displayTimes() {
alert("進站的時間：" +OnTimeValue+"\n\n現在的時間："+OffTimeValue+"\n\n停留的時間：" + PageTimeValue);
}
-->
</script>
將以下程式碼複製，貼在插入<body >標籤裡面。
 onLoad="getLogonTime()"
(繼續閱讀...)
文章標籤

asp520520 發表在 痞客邦 留言(0) 人氣(11)

  • 個人分類：網頁語法特效~日期時間
▲top
  • 5月 19 週一 200810:09

  • 現在時間+停留時間+訊息

語法展示::   http://home.graffiti.net/yhgtttgfr/
請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language=JavaScript>
<!--
day = new Date();
miVisit = day.getTime();
function clock() {
today = new Date();
hrNow = today.getHours();
mnNow = today.getMinutes(); 
scNow = today.getSeconds();
miNow = today.getTime();
if (hrNow == 0) {
hour = 12;
ap = " AM";
} else if(hrNow <= 11) {
ap = " AM";
hour = hrNow;
} else if(hrNow == 12) {
ap = " PM";
hour = 12;
} else if (hrNow >= 13) {
hour = (hrNow - 12);
ap = " PM";
}
if (hrNow >= 13) {
hour = hrNow - 12;
}
if (mnNow <= 9) {
min = "0" + mnNow;
}
else (min = mnNow)
if (scNow <= 9) {
secs = "0" + scNow;
} else {
secs = scNow;
}
time = hour + ":" + min + ":" + secs + ap;
document.form.button.value = time;
self.status = time;
setTimeout('clock()', 1000);
}
function timeInfo() {
milliSince = miNow;
milliNow = miNow - miVisit;
secsVisit = Math.round(milliNow / 1000);
minsVisit = Math.round((milliNow / 1000) / 60);
alert(
"歡迎光臨爪哇島"+"\n\n你已經在本頁停留"+minsVisit+"分"+secsVisit+"秒\n\n"+ "^_^");
}
document.write("<center><form name=\"form\">"
+ "<input type=button value=\"Click for info!\""
+ " name=button onClick=\"timeInfo()\"></form></center>");
onError = null;
clock();
-->
</script>可自行修改訊息的內容

(繼續閱讀...)
文章標籤

asp520520 發表在 痞客邦 留言(0) 人氣(3)

  • 個人分類：網頁語法特效~日期時間
▲top
  • 5月 19 週一 200810:01

  • 圖形時間3

語法展示::   http://home.graffiti.net/kklhttr5r/
請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
現在時間：  
<IMG src="0.gif" name="hour1">
<IMG src="0.gif" name="hour2">時  
<IMG src="0.gif" name="minute1">
<IMG src="0.gif" name="minute2">分  
<IMG src="0.gif" name="second1">
<IMG src="0.gif" name="second2">秒  
</center>
將以下程式碼複製，貼在<head>及</head>標籤之間。

<script language="JavaScript">
<!--
numImg=new Array()
for(i=0;i<=9;i++){
 numImg[i]=new Image();
 numImg[i].src=i+".gif";
}
function Clock(){
 acDate=new Date();
 myHour=new String(acDate.getHours());
 if (eval(myHour)<10)myHour="0"+myHour;
 myMinute=new String(acDate.getMinutes());
 if (eval(myMinute)<10)myMinute="0"+myMinute;
 mySecond=new String(acDate.getSeconds());
 if (eval(mySecond)<10)mySecond="0"+mySecond;
 
 document.hour1.src=numImg[myHour.charAt(0)].src
 document.hour2.src=numImg[myHour.charAt(1)].src
 document.minute1.src=numImg[myMinute.charAt(0)].src
 document.minute2.src=numImg[myMinute.charAt(1)].src
 document.second1.src=numImg[mySecond.charAt(0)].src
 document.second2.src=numImg[mySecond.charAt(1)].src
 setTimeout("Clock()",1000);
}
-->
</script>
將以下程式碼複製，貼在插入<body >標籤裡面。

 onLoad="Clock()"
不要忘記付件也要一起帶回家喔~!!......     >>>>>>我是附件帶我回家<<<<<<<下載後解壓縮，將圖檔置於網頁同一目錄下

(繼續閱讀...)
文章標籤

asp520520 發表在 痞客邦 留言(0) 人氣(3)

  • 個人分類：網頁語法特效~日期時間
▲top
  • 5月 19 週一 200809:50

  • 圖形時間2

語法展示::  http://home.graffiti.net/kujjyg222/
請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript">
<!--
document.write('<CENTER><IMG src="l_form.gif"><IMG src="am.gif" name="I1">');
document.write('<IMG src="8.gif" name="I2"><IMG src="8.gif" name="I3">');
document.write('<IMG src="point.gif"><IMG src="8.gif"name="I4"><IMG src="8.gif" name="I5">');
document.write('<IMG src="point.gif"><IMG src="8.gif" name="I6"><IMG src="8.gif" name="I7">');
document.write('<IMG src="r_form.gif"></CENTER>');
function TIME(){
t=new Date;
H="0"+t.getHours();
M="0"+t.getMinutes();
S="0"+t.getSeconds();
if(12<=H){
if(H==12){T="pm";}
else{H="0"+(H-12);T="pm";}}
else{
if(H==0){H=""+12;T="am";}
T="am";}
H=H.substring(H.length-2,H.length+1);
M=M.substring(M.length-2,M.length+1);
S=S.substring(S.length-2,S.length+1);
H10=H.charAt(0);H1=H.charAt(1);
M10=M.charAt(0);M1=M.charAt(1);
S10=S.charAt(0);S1=S.charAt(1);
setTimeout('TIME()',1000);
document.I1.src=T+".gif";
document.I2.src=H10+".gif";
document.I3.src=H1+".gif";
document.I4.src=M10+".gif";
document.I5.src=M1+".gif";
document.I6.src=S10+".gif";
document.I7.src=S1+".gif";
}
-->
</script>
將以下程式碼複製，貼在插入<body >標籤裡面。
 onLoad="setTimeout('TIME()',1000);"
不要忘記付件也要一起帶回家喔~!!......     >>>>>>我是附件帶我回家<<<<<<<
下載後解壓縮，將圖檔置於網頁同一目錄下
(繼續閱讀...)
文章標籤

asp520520 發表在 痞客邦 留言(0) 人氣(3)

  • 個人分類：網頁語法特效~日期時間
▲top
  • 5月 19 週一 200809:38

  • 圖形時間1

語法展示::  http://home.graffiti.net/hygtdfds/
請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<script language="JavaScript">
<!--
document.write("<IMG SRC='a.gif'>");
document.write("<IMG SRC='0.gif' NAME='h10'>");
document.write("<IMG SRC='0.gif' NAME='h1'>");
document.write("<IMG SRC='c.gif'>");
document.write("<IMG SRC='0.gif' NAME='m10'>");
document.write("<IMG SRC='0.gif' NAME='m1'>");
document.write("<IMG SRC='c.gif'>");
document.write("<IMG SRC='0.gif' NAME='s10'>");
document.write("<IMG SRC='0.gif' NAME='s1'>");
document.write("<IMG SRC='b.gif'>");
image0 = new Image();image0.src = "0.gif";
image1 = new Image();image1.src = "1.gif";
image2 = new Image();image2.src = "2.gif";
image3 = new Image();image3.src = "3.gif";
image4 = new Image();image4.src = "4.gif";
image5 = new Image();image5.src = "5.gif";
image6 = new Image();image6.src = "6.gif";
image7 = new Image();image7.src = "7.gif";
image8 = new Image();image8.src = "8.gif";
image9 = new Image();image9.src = "9.gif";
 updateClockImage();
 function updateClockImage() {
     var time = new Date();
     document.images['s1'].src =
         eval("image" + (time.getSeconds() % 10) +".src");
     document.images['s10'].src =
         eval("image" + (Math.floor(time.getSeconds() / 10)) +".src");
     document.images['m1'].src =
         eval("image" + (time.getMinutes() % 10) +".src");
     document.images['m10'].src =
         eval("image" + (Math.floor(time.getMinutes() / 10)) +".src");
     document.images['h1'].src =
         eval("image" + (time.getHours() % 10) +".src");
     document.images['h10'].src =
         eval("image" + (Math.floor(time.getHours() / 10)) +".src");
     setTimeout("updateClockImage()",1000);
 }
-->
</script>
</center>
不要忘記把附件也帶走喔!!......          >>>>>>>>>帶我回家<<<<<<<<<
附件解壓縮以後置於網頁同一目錄下
(繼續閱讀...)
文章標籤

asp520520 發表在 痞客邦 留言(0) 人氣(6)

  • 個人分類：網頁語法特效~日期時間
▲top
  • 5月 18 週日 200823:12

  • 隨游標指針時鐘3

語法展示::  http://home.graffiti.net/fvbhhhyu/
請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript">
<!--
dCol='#000000';
fCol='#000000';
sCol='#00FF00';
mCol='#0000FF';
hCol='#FF0000';
ClockWidth=35;
ClockHeight=35;
ClockFromMouseX=50;
ClockFromMouseY=100;
d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");
m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';
size=1;
speed=0.6;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
Split=360/n;
Dsplit=360/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;
scrll=0;
step=0.06;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
if (ns){
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
}
if (ie){
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < n; i++){
 var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
 F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
 F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
 }
for (i=0; i < H.length; i++){
 var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
 HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
 HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
 }
for (i=0; i < M.length; i++){
 var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
 ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
 ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
 }
for (i=0; i < S.length; i++){
 var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
 SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
 SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
 }
for (i=0; i < D.length; i++){
 var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
 DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
 DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
 }
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i < D.length; i++){
Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
}
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
ClockAndAssign();
setTimeout('Delay()',20);
}
if (ns||ie)window.onload=Delay;
-->
</script>

在 dCol='#000000'; 中修改日期外圈的顏色
在 fCol='#000000'; 中修改數字內圈的顏色
在 sCol='#00FF00'; 中修改秒針的顏色
在 mCol='#0000FF'; 中修改分針的顏色
在 hCol='#FF0000'; 中修改時針的顏色
在 ClockWidth=35; 中修改時鐘的寬度
在 ClockHeight=35; 中修改時鐘的高度
在 ClockFromMouseX=50; 中修改與游標左右的距離
在 ClockFromMouseY=100; 中修改與游標上下的距離
(繼續閱讀...)
文章標籤

asp520520 發表在 痞客邦 留言(0) 人氣(9)

  • 個人分類：網頁語法特效~日期時間
▲top
  • 5月 18 週日 200823:06

  • 隨游標指針時鐘2

語法展示::  http://home.graffiti.net/kiorrfv/
請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript">
<!--
fcol='#8000FF';
sCol='#FF00FF';
mCol='#FF0000';
hCol='#0000FF';
ClockWidth=30;
ClockHeight=30;
ClockFromMouseX=40;
ClockFromMouseY=40;
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
msg='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';
size=1;
speed=0.5;
ns=(document.layers);
ie=(document.all);
msg=msg.split(' ');
n=msg.length;
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fcol+">";
Split=360/n;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;
scrll=0;
y=new Array();
x=new Array();
Y=new Array();
X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
}
if (ie){
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++){
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
}
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++){
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
}
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++){
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');
}
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+ Math.PI*parseInt(time.getMinutes())/360;
if (ie){
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < n; i++){
 var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
 F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
 F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
 }
for (i=0; i < H.length; i++){
 var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
 HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
 HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
 }
for (i=0; i < M.length; i++){
 var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
 ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
 ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
 }
for (i=0; i < S.length; i++){
 var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
 SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
 SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
 }
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
ClockAndAssign();
setTimeout('Delay()',20);
}
if (ns||ie)window.onload=Delay;
-->
</script>

在 fcol='#8000FF'; 中修改數字的顏色
在 sCol='#FF00FF'; 中修改秒針的顏色
在 mCol='#FF0000'; 中修改分針的顏色
在 hCol='#0000FF'; 中修改時針的顏色
在 ClockWidth=30; 中修改時鐘的寬度
在 ClockHeight=30; 中修改時鐘的高度
在 ClockFromMouseX=40; 中修改與游標左右的距離
在 ClockFromMouseY=40; 中修改與游標上下的距離
(繼續閱讀...)
文章標籤

asp520520 發表在 痞客邦 留言(0) 人氣(11)

  • 個人分類：網頁語法特效~日期時間
▲top
  • 5月 18 週日 200822:57

  • 隨游標指針時鐘1

語法展示::  http://home.graffiti.net/kkmjiop3345gg/
請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript">
<!--
colors = new Array('#FF8000','#8000FF','#FF00FF');
sCol = '#000000';
mCol = '#0000FF';
hCol = '#FF0000';
H = '‧‧‧‧';
H = H.split('');
H = H.reverse();
M = '‧‧‧‧‧';
M = M.split('');
M = M.reverse();
S = '‧‧‧‧‧‧';
S = S.split('');
S = S.reverse();
dots = 12;
var Ypos = 0,Xpos = 0,Ybase = 0,Xbase = 0;
var ay = 0, ax = 0, Ay = 0, Ax = 0, by = 0, bx = 0, By = 0, Bx = 0, cy = 0, cx = 0, Cy = 0, Cx = 0, dy = 0, dx = 0, Dy = 0, Dx = 0;
count = 0;
count_a = 0;
move = 1;
ns = (document.layers)?1:0;
viz = (document.layers)?'hide':'hidden';
if (ns) {
for (i = 0; i < dots; i++)
document.write('<layer name=nface'+i+' top=0 left=0 bgcolor=#000000 clip="0,0,3,3"></layer>');
for (i = 0; i < S.length; i++)
document.write('<layer name=nx'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+sCol+'><center>'+S[i]+'</center></font></layer>');
for (i = 0; i < M.length; i++)
document.write('<layer name=ny'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+mCol+'><center>'+M[i]+'</center></font></layer>');
for (i = 0; i < H.length; i++)
document.write('<layer name=nz'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+hCol+'><center>'+H[i]+'</center></font></layer>');
}
else{
document.write('<div id="W" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < dots; i++) {
document.write('<div id="face" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#000000"></div>');
}
document.write('</div></div>');
document.write('<div id="X" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < S.length; i++) {
document.write('<div id="x" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:11px;color:'+sCol+';text-align:center;padding-top:10px">'+S[i]+'</div>');
}
document.write('</div></div>')
document.write('<div id="Y" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < M.length; i++) {
document.write('<div id="y" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:11px;color:'+mCol+';text-align:center;padding-top:10px">'+M[i]+'</div>');
}
document.write('</div></div>')
document.write('<div id="Z" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < H.length; i++) {
document.write('<div id="z" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:11px;color:'+hCol+';text-align:center;padding-top:10px">'+H[i]+'</div>');
}
document.write('</div></div>');
}
if (ns) {
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt) {
Ypos = evnt.pageY + 100;
Xpos = evnt.pageX + 100;
}
window.onMouseMove = nsMouse;
}
else{
function ieMouse() {
Ypos = event.y + 100;
Xpos = event.x + 100;
}
document.onmousemove = ieMouse;
}
function clock() {
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs / 30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins / 30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr / 6 + Math.PI * parseInt(time.getMinutes()) / 360;
Ybase = 15;
Xbase = 15;
if (ns) {
document.layers["nx"+0].visibility = viz;
document.layers["ny"+0].visibility = viz;
document.layers["nz"+0].visibility = viz;
for (i = 0; i < S.length; i++) {
document.layers["nx"+i].top = ay - 12 + (i * Ybase) * Math.sin(sec);
document.layers["nx"+i].left = ax - 12 + (i * Xbase) * Math.cos(sec);
}
for (i = 0; i < M.length; i++) {
document.layers["ny"+i].top = by - 12 + (i * Ybase) * Math.sin(min);
document.layers["ny"+i].left = bx - 12 + (i * Xbase) * Math.cos(min);
}
for (i = 0; i < H.length; i++) {
document.layers["nz"+i].top = cy - 12 + (i * Ybase) * Math.sin(hrs);
document.layers["nz"+i].left = cx - 12 + (i * Xbase) * Math.cos(hrs);
}
for (i = 0; i < dots; ++i) {
document.layers["nface"+i].top = dy - 2 + (70 * Math.sin(-0.49+dots+i/1.9));
document.layers["nface"+i].left = dx + 4 + (70 * Math.cos(-0.49+dots+i/1.9));
}
}
else {
var scrll = document.body.scrollTop;
W.style.pixelTop = scrll;
X.style.pixelTop = scrll;
Y.style.pixelTop = scrll;
Z.style.pixelTop = scrll;
x[0].style.visibility=viz;
y[0].style.visibility = viz;
z[0].style.visibility = viz;
for (i = 0; i < S.length; i++) {
x[i].style.pixelTop = ay - 12 + (i * Ybase) * Math.sin(sec);
x[i].style.pixelLeft = ax - 12 + (i * Xbase) * Math.cos(sec);
}
for (i = 0; i < M.length; i++) {
y[i].style.pixelTop = by - 12 + (i * Ybase) * Math.sin(min);
y[i].style.pixelLeft = bx - 12 + (i * Xbase) * Math.cos(min);
}
for (i = 0; i < H.length; i++) {
z[i].style.pixelTop = cy - 12 + (i * Ybase) * Math.sin(hrs);
z[i].style.pixelLeft = cx - 12 + (i * Xbase) * Math.cos(hrs);
}
for (i = 0; i < dots; ++i) {
face[i].style.pixelTop = dy + 6 + (70 * Math.sin(-0.49 + dots + i / 1.9));
face[i].style.pixelLeft = dx + 4 + (70 * Math.cos(-0.49 + dots + i / 1.9));
}
}
}
function MouseFollow() {
ay = Math.round(Ay += ((Ypos) - Ay) * 4 / 15);
ax = Math.round(Ax += ((Xpos) - Ax) * 4 / 15);
by = Math.round(By += (ay - By) * 4 / 15);
bx = Math.round(Bx += (ax - Bx) * 4 / 15);
cy = Math.round(Cy += (by - Cy) * 4 / 15);
cx = Math.round(Cx += (bx - Cx) * 4 / 15);
dy = Math.round(Dy += (cy - Dy) * 4 / 15);
dx = Math.round(Dx += (cx - Dx) * 4 / 15);
clock();
setTimeout('MouseFollow()',10);
}
function colorstep() {
count +=move;
if (count >= dots) {count=0;count_a += move}
if (count_a == colors.length) count_a = 0;
if (ns) document.layers["nface"+count].bgColor = colors[count_a];
else face[count].style.background = colors[count_a];
setTimeout('colorstep()',100)
}
function StartAll() {
MouseFollow();
colorstep();
}
if (document.layers || document.all) window.onload = StartAll;
-->
</script>

在 colors = new Array('#FF8000','#8000FF','#FF00FF'); 中修改面板變化顏色
在 sCol = '#000000'; 中修改秒針顏色
在 mCol = '#0000FF'; 中修改分針顏色
在 hCol = '#FF0000'; 中修改時針顏色
(繼續閱讀...)
文章標籤

asp520520 發表在 痞客邦 留言(0) 人氣(22)

  • 個人分類：網頁語法特效~日期時間
▲top
  • 5月 18 週日 200822:48

  • 浮動指針時鐘

語法展示::  http://home.graffiti.net/gfrtyyuj/


請用IE6.0或更新版本觀看語法特效展示


將以下程式碼複製，貼在<head>及</head>標籤之間。

<script language="JavaScript">
<!--
fCol = '0000FF';
sCol = '000000';
mCol = 'FF00FF';
hCol = 'FF0000';
H = '....';
H = H.split('');
M = '.....';
M = M.split('');
S = '......';
S = S.split('');
Ypos = 0;
Xpos = 0;
Ybase = 8;
Xbase = 8;
dots = 12;
ns = (document.layers)?1:0;
if (ns) {
dgts = '1 2 3 4 5 6 7 8 9 10 11 12';
dgts = dgts.split(' ');
for (i = 0; i < dots; i++) {
document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial,Verdana size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>');
}
for (i = 0; i < M.length; i++) {
document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');
}
for (i = 0; i < H.length; i++) {
document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');
}
for (i = 0; i < S.length; i++) {
document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');
   }
}
else {
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 1; i < dots+1; i++) {
document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial,Verdana;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < M.length; i++) {
document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');
}
document.write('</div></div>')
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < H.length; i++) {
document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < S.length; i++) {
document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');
}
document.write('</div></div>')
}
function clock() {
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;
if (ns) {
Ypos = window.pageYOffset+window.innerHeight-60;
Xpos = window.pageXOffset+window.innerWidth-80;
}
else {
Ypos = document.body.scrollTop + window.document.body.clientHeight - 60;
Xpos = document.body.scrollLeft + window.document.body.clientWidth - 60;
}
if (ns) {
for (i = 0; i < dots; ++i){
document.layers["nsDigits"+i].top = Ypos - 5 + 40 * Math.sin(-0.49+dots+i/1.9);
document.layers["nsDigits"+i].left = Xpos - 15 + 40 * Math.cos(-0.49+dots+i/1.9);
}
for (i = 0; i < S.length; i++){
document.layers["nx"+i].top = Ypos + i * Ybase * Math.sin(sec);
document.layers["nx"+i].left = Xpos + i * Xbase * Math.cos(sec);
}
for (i = 0; i < M.length; i++){
document.layers["ny"+i].top = Ypos + i * Ybase * Math.sin(min);
document.layers["ny"+i].left = Xpos + i * Xbase * Math.cos(min);
}
for (i = 0; i < H.length; i++){
document.layers["nz"+i].top = Ypos + i * Ybase * Math.sin(hrs);
document.layers["nz"+i].left = Xpos + i * Xbase * Math.cos(hrs);
   }
}
else{
for (i=0; i < dots; ++i){
ieDigits[i].style.pixelTop = Ypos - 15 + 40 * Math.sin(-0.49+dots+i/1.9);
ieDigits[i].style.pixelLeft = Xpos - 14 + 40 * Math.cos(-0.49+dots+i/1.9);
}
for (i=0; i < S.length; i++){
x[i].style.pixelTop = Ypos + i * Ybase * Math.sin(sec);
x[i].style.pixelLeft = Xpos + i * Xbase * Math.cos(sec);
}
for (i=0; i < M.length; i++){
y[i].style.pixelTop = Ypos + i * Ybase * Math.sin(min);
y[i].style.pixelLeft = Xpos + i * Xbase * Math.cos(min);
}
for (i=0; i < H.length; i++){
z[i].style.pixelTop = Ypos + i * Ybase*Math.sin(hrs);
z[i].style.pixelLeft = Xpos + i * Xbase*Math.cos(hrs);
   }
}
setTimeout('clock()', 50);
}
if (document.layers || document.all) window.onload = clock;
-->
</script>

在 fCol = '0000FF'; 中修改數字的顏色
在 sCol = '000000'; 中修改秒針的顏色
在 mCol = 'FF00FF'; 中修改分針的顏色
在 hCol = 'FF0000'; 中修改時針的顏色
(繼續閱讀...)
文章標籤

asp520520 發表在 痞客邦 留言(0) 人氣(32)

  • 個人分類：網頁語法特效~日期時間
▲top
«1...959697103»

BloggerAds廣告

BlogAD廣告

URL@AD廣告

參觀人氣

  • 本日人氣：
  • 累積人氣：

全民部落格-部落格聯播

文章分類

  • 散文小品 (78)
  • 唯美人物寫真 (16)
  • 電影討論區 (0)
  • 網頁素材 (0)
  • 時尚流行品味 (113)
  • 美容纖體天地 (16)
  • 寵物天地 (112)
  • 網頁語法特效~保密類 (8)
  • 網頁語法特效~綜合類 (1)
  • 網頁語法特效~圖片特效 (32)
  • 網頁語法特效~訊息、文字 (48)
  • 網頁語法特效~更換背景顏色 (14)
  • 網頁語法特效~滑鼠 (51)
  • 居家生活小撇步與健康 (192)
  • 網頁語法特效~背景圖 (26)
  • 網頁語法特效~視窗 (48)
  • 心理測驗 (69)
  • 星座星情 (71)
  • 網頁語法特效~超連結 (37)
  • 網頁語法特效~日期時間 (50)
  • 網頁語法特效~偵測 (10)
  • 網頁語法特效~跑馬燈 (30)
  • 未分類文章 (1)

最新文章

  • 父親的床
  • 人生只有一次
  • 旋轉木馬
  • 幸福=夢想+堅持
  • 責任
  • 四個人
  • 泛黃
  • 【沒什麼....只是我愛妳....】
  • 怎麼可能? 不用把妹就會有正妹當你女朋友!?
  • 要玩弄別人感情前，請先想想

訪客IP

文章精選