PIXNET Logo登入

★～羽欣～☆

跳到主文

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

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 5月 18 週日 200822:33

  • 浮動時間

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

<script language="JavaScript">
<!--
var TimerOrClock = "clock";
var layerH = 55;
var layerW = 90;
var location = "top_right";
var bgcolor = "#00FF00";
var text = "#FF0000";
var font_size = 2;
var font_face = "#FF00FF";
var message = "現在時間為：<br>";
var layer;
var IE = document.all;
var updateWatch;
var start = 0;
function writeTime(time)
{
    var color, size, face, out;
 color = (text)? text : "black";
 size = (font_size)? font_size : 2;
 face = (font_face)? font_face : "Arial";
 out = "<font face = \"" + face + "\" size = " + size + " color = \"" + color + "\">";
 out += (message)? message : "";
 if(!IE)
      out += "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + time + "</font>";
 else
      out +=  time + "</font>";
 if(IE)
   layer.innerHTML = "<table width=\"100%\" height=\"100%\"><tr><td valign=\"middle\" align=\"center\">" + out + "</td></tr></table>";
    else
    {  
   layer.document.open();
   layer.document.write("<br> &nbsp;" + "<b>" + out + "</b>");
   layer.document.close();
 }
}
function clock()
{
  var hh, mm, ss;
  var time, d, ampm = "am";
  d = new Date();
  hh = d.getHours();
  mm = d.getMinutes();
  ss = d.getSeconds();
  if(hh > 12)
  {
     hh -= 12;
  ampm = "pm";
  } 
  hh = (hh < 10)? "0" + hh : hh;
  mm = (mm < 10)? "0" + mm : mm;
  ss = (ss < 10)? "0" + ss : ss;
  time = hh + ":" + mm + ":" + ss + "  " + ampm;
  writeTime(time);
}
function timer()
{
   var hh, mm, ss;
   var time;
   hh = parseInt("0" + (start / 3600), 10);
   mm = parseInt("0" + ((start - (hh * 3600)) / 60), 10);
   ss = start - (hh * 3600) - (mm * 60);
   if(start < 60)
     time = ss + " seconds ";
   else if(start < 3600 && start > 60)
     time = mm + " minutes " + ss + " seconds ";
   else
   {
     time = (hh == 1)? hh + " hour " : hh + " hours ";
  time += (mm == 1)? mm + " minute " : mm + " minutes "; 
   }
   writeTime(time);
   start++;
}
function scroller()
{
  var docH, docW, scrollT, scrollL;
  if(IE)
  {
    layer =  document.all.pane;
 if(layerH)
 {
   layer.height = layerH;
      layer.style.height = layerH;
 } 
 else 
   layerH = layer.height; if(layerW)
 {
   layer.width = layerW;
   layer.style.width = layerW;
 }
 else 
   layerW = layer.width;
 
 if(bgcolor)
   layer.style.background = bgcolor;
 docH = document.body.clientHeight;
 docW = document.body.clientWidth;
 scrollT = document.body.scrollTop;
 scrollL = document.body.scrollLeft;
    switch(location) 
 {
    case "top_left":  layer.style.posTop =  scrollT;
                         layer.style.posLeft = scrollL;
       break;
    case "top_right":    layer.style.posTop =  scrollT;
                         layer.style.posLeft = scrollL + (docW - layerW);
                            break;
       case "bottom_left":  layer.style.posTop =  scrollT + (docH - layerH);
                         layer.style.posLeft = scrollL;
                            break;
       case "bottom_right": layer.style.posTop =  scrollT + (docH - layerH);
                         layer.style.posLeft = scrollL + (docW - layerW);
                            break;
    default:             layer.style.posTop =  scrollT;
                         layer.style.posLeft = scrollL;
 }
    layer.style.visibility = "visible"; 
  }
  else
  {
    layer = document.layers.pane;
    if(!layerH)
   layerH = 200;
 if(!layerW)
   layerW = 100;
 layer.resizeTo(layerW,layerH);
    if(bgcolor && bgcolor != "transparent")
   layer.bgColor = bgcolor; 
 docH = window.innerHeight;
 docW = window.innerWidth;
 scrollT = window.pageYOffset;
 scrollL = window.pageXOffset;
 switch(location.toLowerCase()) 
 {
    case "top_left":  layer.moveTo(scrollL,scrollT);
       break;
    case "top_right":    layer.moveTo(scrollL + (docW - layerW) - 15, scrollT);
                         break;
       case "bottom_left":  layer.moveTo(scrollL, scrollT + (docH - layerH) - 15);
                            break;
       case "bottom_right": layer.moveTo(scrollL + (docW - layerW) - 15,scrollT + (docH - layerH) - 15);
                         break;
    default:             layer.moveTo(scrollL,scrollT);
 }
    layer.visibility = "show";
  } 
}
-->
</script>
<span id="pane"><layer name="pane" width=&{layerW}; height=&{layerH};></layer></span>
<script language="JavaScript">
<!--
setInterval("scroller();",100); 
if(TimerOrClock.toLowerCase() == "clock")
  setInterval("clock();",1000);
else
  setInterval("timer();",1000);
-->
</script>

在 var layerH = 55; 中修改時間的高度
在 var layerW = 90; 中修改時間的寬度
在 var location = "top_right"; 中修改時間的位置
top_left為左上,top_right為右上,bottom_left為左下,
bottom_right為右下
在 var bgcolor = "#00FF00"; 中修改底色的顏色
在 var text = "#FF0000"; 中修改文字的顏色
在 var font_size = 2; 中修改文字的大小

將以下程式碼複製，貼在<head>及</head>標籤之間。
<style type="text/css">
<!--
#pane {position: absolute; visibility: hidden;}
-->
</style>
(繼續閱讀...)
文章標籤

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

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

  • 日期時間按鈕

語法展示::  http://home.graffiti.net/asedccvb/
請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language = "JavaScript">
<!--
var bc_flg = true;
var bc_mode_flg = true;
var bc_mode = 0;
function b_clock() {
var msg, hour, min, sec, year, month, day;
var date = new Date();
year = date.getYear();
month = date.getMonth() + 1;
day = date.getDate();
var browser = navigator.appName;
if (browser.indexOf("Netscape") == -1) {
year += 1900;
year += "";
}
else {
if (year < 2000) {
year += 1900;
}
year = year.toString(10);
}
year = year.substring(2, year.length);
hour = date.getHours();
if (( min = date.getMinutes() ) < 10) {
min = "0" + min;
}
if (( sec = date.getSeconds() ) < 10) {
sec  = "0" + sec;
}
if (bc_mode == 0) {
msg = hour + " 時 " + min + " 分 " + sec + " 秒 ";
}
else if (bc_mode == 1) {
if ((hour - 12) < 0) {
msg = hour + " : " + min + " : " + sec + " AM ";
}
else {
msg = (hour-12) + " : " + min + " : " + sec + " PM ";
}
}
else if (bc_mode == 2) {
msg = year + " 年 " + month + " 月 " + day + " 日 ";
}
else {
msg = "mode error!";
}
bc_mode_flg = true;
if (bc_flg) {
document.write('<FORM NAME=b_clock_form><INPUT TYPE=button NAME=time VALUE=" " onClick="b_clock_mode()"></FORM>');
bc_flg = false;
}
document.b_clock_form.time.value = msg;
setTimeout("b_clock()", 200);
}
function b_clock_mode() {
if (bc_mode_flg) {
if (bc_mode < 2) {
bc_mode++
}
else {
bc_mode = 0;
}
bc_mode_flg = false;
}
else {
return;
}
}
-->
</script>
<center>
<script language = "JavaScript">
<!--
b_clock();
-->
</script>
</center>
(繼續閱讀...)
文章標籤

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

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

  • 日期時間轉換

語法展示::  http://home.graffiti.net/srfhy34200kl/
請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript">
<!--
function goback(){
alert("掰掰！");
history.go(-1);
}
function getname(str) {
        alert("哈囉！");}
function gettheDate() {
stopclock();
Todays = new Date();
TheDate = "" + (Todays.getMonth()+ 1) +" / "+ Todays.getDate() + " / " +
Todays.getYear()
document.clock.face.value = TheDate;
}
function showit () {
        var now = new Date();
        var hours = now.getHours();
        var minutes = now.getMinutes();
        var seconds = now.getSeconds();
          stopclock();
          TotalTime = (minutes > GetTotal)? (minutes-GetTotal):TotalTime;
        document.clock.face.value = TotalTime + " in minutes ";
}
var timerID = null;
var TotalTime = 0;
var GetTotal = 0;
var timerRunning = false;
function stopclock (){
        if(timerRunning)
                clearTimeout(timerID);
        timerRunning = false;
}
function startclock () {
        var now = new Date();
        stopclock();
          GetTotal=now.getMinutes();
        gettheDate()
        showtime();
}
function showtime () {
        var now = new Date();
        var hours = now.getHours();
        var minutes = now.getMinutes();
        var seconds = now.getSeconds()
        var timeValue = "" + ((hours >12) ? hours -12 :hours)
        timeValue += ((minutes < 10) ? ":0" : ":") + minutes
        timeValue += ((seconds < 10) ? ":0" : ":") + seconds
        timeValue += (hours >= 12) ? " P.M." : " A.M."
        document.clock.face.value = timeValue;
        timerID = setTimeout("showtime()",1000);
        timerRunning = true;
}
function showtimer () {
        var now = new Date();
        var hours = now.getHours();
        var minutes = now.getMinutes();
        var seconds = now.getSeconds()
        var timeValue = "" + ((hours >12) ? hours -12 :hours)
        timeValue += ((minutes < 10) ? ":0" : ":") + minutes
        timeValue += ((seconds < 10) ? ":0" : ":") + seconds
        timeValue += (hours >= 12) ? " P.M." : " A.M."
          document.clock.Tspent.value = timeValue;
        timerID = setTimeout("showtime()",1000);
        timerRunning = true;
}
-->
</script>
<center>
<form name="clock" onSubmit="0">
<input type="text" name="face" size="12" value="StartTimer()">
<input type="button" value="日期" onClick="gettheDate()">
<input type="button" value="時間" onClick="showtime()">
</form>
</center>

在 alert("掰掰！"); 中修改離開時的告別語
在 alert("哈囉！"); 中修改進入時的歡迎語

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

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

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

  • 時間轉換

語法展示::  http://home.graffiti.net/likoopr/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
function showMilitaryTime() {
if (document.form.showMilitary[0].checked) {
return true;
}
return false;
}
function showTheHours(theHour) {
if (showMilitaryTime() || (theHour > 0 && theHour < 13)) {
return (theHour);
}
if (theHour == 0) {
return (12);
}
return (theHour-12);
}
function showZeroFilled(inValue) {
if (inValue > 9) {
return "" + inValue;
}
return "0" + inValue;
}
function showAmPm() {
if (showMilitaryTime()) {
return ("");
}
if (now.getHours() < 12) {
return (" AM");
}
return (" PM");
}
function showTheTime() {
now = new Date
document.form.showTime.value = showTheHours(now.getHours()) + ":" + showZeroFilled(now.getMinutes()) + ":" + showZeroFilled(now.getSeconds()) + showAmPm()
setTimeout("showTheTime()",1000)
}
-->
</script>
將以下程式碼複製，貼在插入<body >標籤裡面。

 onLoad="showTheTime()"

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

<center>
<form name=form>
<input type=text name=showTime size=10><p>
<input type=radio name=showMilitary checked>24小時制<br>
<input type=radio name=showMilitary>12小時制<br>
</form>
</center>
(繼續閱讀...)
文章標籤

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

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

  • 點按式現在時間

語法展示::  http://home.graffiti.net/xdswjyht/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript1.2">
<!--
timeID = null;
timeRunning = false;
var current = "";
function stop(){
if(timeRunning){
clearTimeout(timeID);
timeRunning = false;
}
}
function time(){
tick = new Date();
hours = tick.getHours();
minutes = tick.getMinutes();
seconds = tick.getSeconds();
current = "" + ((hours >12) ? hours -12 :hours);
current += ((minutes < 10) ? ":0" : ":") + minutes;
current += ((seconds < 10) ? ":0" : ":") + seconds;
current += (hours >= 12) ? " P.M." : " A.M.";
timeID = setTimeout("time()",1000);
timeRunning = true;
Dclock = current;
}
function runClock(){
stop();
time();
}
function showClock(){
timeIs="現在時間：" + Dclock
alert(timeIs);
}
function LoadFunctions(){
runClock(); timerONE=window.setTimeout;
}
-->
</script>
將以下程式碼複製，貼在插入<body >標籤裡面。

 onLoad="LoadFunctions()"
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<A href="JavaScript:showClock()">想知道現在時間？按我看時間喔 ^_^</A>
</center>
(繼續閱讀...)
文章標籤

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

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

  • 現在時間2

語法展示::  http://home.graffiti.net/ooopyhgg567gg/
請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<script language="JavaScript">
<!--
document.write("<span id='clock'></span>");
var now,hours,minutes,seconds,timeValue;
function showtime(){
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 + " 秒";
clock.innerHTML = timeValue;
setTimeout("showtime()",100);
}
showtime();
-->
</script>
</center>
(繼續閱讀...)
文章標籤

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

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

  • 現在時間1

語法展示::  http://home.graffiti.net/mjkiuyy/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
var timerID = null
var timerRunning = false
function stopclock(){
// cannot directly test timerID on DEC OSF/1 in beta 4.
if(timerRunning)
clearTimeout(timerID)
timerRunning = false
}
function startclock(){
// Make sure the clock is stopped
stopclock()
showtime()
}
function showtime(){
var now = new Date()
var hours = now.getHours()
var minutes = now.getMinutes()
var seconds = now.getSeconds()
var timeValue = "" + ((hours > 12) ? hours - 12 : hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
document.clock.face.value = timeValue
timerID = setTimeout("showtime()",1000)
timerRunning = true
}
-->
</script>
將以下程式碼複製，貼在插入<body >標籤裡面。
 onLoad="startclock()"
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<form name="clock" onSubmit="0">
<input type="text" name="face" size="12" value>
</form>
</center>
在 <input type="text" name="face" size="12" value> 中修改顯示列的長度
(繼續閱讀...)
文章標籤

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

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

  • 依時間變換圖檔

語法展示::   http://home.graffiti.net/gjfgyjgfdjh/
請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<script language="JavaScript">
<!--
          today=new Date();
          var hours = today.getHours();
     {if((hours>0)&&(hours<12))
                  document.write("<IMG SRC="+"1.gif"+"><br>")
          else
                   {if((hours>11)&&(hours<18))
                   document.write("<IMG SRC="+"2.gif"+"><br>")
          else
                   {if((hours>17)&&(hours<24))
                   document.write("<IMG SRC="+"3.gif"+"><br>")
                   }
                   }
     }
-->
</script>
</center>
要記得把附件也一起帶走喔......>>>>>>帶我走吧<<<<<<<<
下載附件後解壓縮，把圖檔置於網頁同一目錄下
(繼續閱讀...)
文章標籤

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

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

  • 特定日期問候語

語法展示::  http://home.graffiti.net/sswsdef/
請用IE6.0或更新版本觀看語法特效展示此特效會在1月1日、12月25日以及每逢星期日彈出訊息
其餘日期沒有反應
如果急著馬上檢視其效果
就請你調整電腦的日期吧 ^_^
(繼續閱讀...)
文章標籤

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

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

  • 每月問候語

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

<center>
<script language="JavaScript">
<!--
today=new Date();
var m=today.getMonth();
y=new Array(12);
y[0]=" 一月喔~";
y[1]=" 二月喔~";
y[2]=" 三月喔~";
y[3]=" 四月喔~";
y[4]=" 五月喔~";
y[5]=" 六月喔~";
y[6]=" 七月喔~";
y[7]=" 八月喔~";
y[8]=" 九月喔~";
y[9]=" 十月喔~";
y[10]=" 十一月喔~";
y[11]=" 十二月喔~";
document.write('本月是 '+(m+1)+' 月──'+y[m]);
-->
</script>
</center>
自行修改每月的問候語
(繼續閱讀...)
文章標籤

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

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

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

文章精選