忍者ブログ
たそがれ屋のブログ。かわいがってあげてください。
[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

DOMスクリプティング

隠しページに普通に入るだけじゃつまらないから、一応今流行りのDOMを使ったページでも間に挟もうと思って、少しサンプルを作ってみました。

http://bushin.komusou.jp/css_js/js_test.html

サンプルページはJavaScriptを使用していますので、Onにしてください。
あと、ブラウザがSafariだと見れないかも・・・・。
将来的にこんなページ挟んだら面白そうだなと、思って作ってみたのですが、どうでしょうか?
それにしても、この広告、こういうところで腹立つわ~。デザイン台無しやん。

ついでに、続きにソース乗せときます。

拍手[0回]

Msg = new Array();
Msg[0] = "Call Function `hiddenJump()` Enter";
Msg[1] = "User Name:bushin";
Msg[2] = "PassWard:******";

Cnt = 0;
Flag = 0;
i=0;
ff=0;
function typeFunc(){
 if(Cnt == 0)
 {
  Msg2 = "";
  if((i==1)||(i==2)){
   Msg2 = Msg[i].slice(0,-6);
   SliceNum = Msg[i].length;
   Cnt = SliceNum - 6;
   ff = Cnt+1;
  }
 }
 else{
  jChar = Msg[i].substring(Cnt-1,Cnt);
  
  if(jChar == "$"){
   Msg2 = Msg2 + "<br>";  //改行コード判定
  }
  else if(jChar == "`"){
   Msg2 = Msg2 + "&#34";
  }
  else{
   Msg2 = Msg2 + jChar;  //追記
  }
 }
 
 Msg3 = Msg2 + "_";    //カーソル表示
 
 document.getElementById("out" + (i+1)).innerHTML = Msg3;
 Cnt = (Cnt == Msg[i].length) ? 0 : Cnt+1;
 if((Cnt==0)&&(i==2)){    //Cnt==0ならばカーソル点滅処理
  clearTimeout(TimerID1);
  setInterval("blinkCH()",300);
 }
 else{      //Cnt!=0ならばタイピング継続
  if(Cnt==0){
   document.getElementById("out" + (i+1)).innerHTML = delCH();
   i++;
  }
  
  Interval = 80;
  if((i==1)||(i==2)){
   Interval = 100;
   if(Cnt==ff){
    Interval = 800;
   }
  }
  
  TimerID1 = setTimeout("typeFunc()",Interval);
 }
}

function blinkCH(){     //カーソル点滅関数
 judgeLength = document.getElementById("out" + (i+1)).innerHTML.length;
 judgeString = document.getElementById("out" + (i+1)).innerHTML;
 if(Flag==0){
  blinkChar = judgeString.substring(0,judgeLength-1);
  document.getElementById("out"+(i+1)).innerHTML = blinkChar;
  Flag = 1;
 }
 else{  
  blinkChar = judgeString.substring(0,judgeLength) + "_";
  document.getElementById("out"+(i+1)).innerHTML = blinkChar;
  Flag = 0;
 }
}

function delCH(){     //カーソル消去関数
 delCharGudge = document.getElementById("out" + (i+1)).innerHTML;
 AftCharGudge = delCharGudge.slice(0,-1);
 return AftCharGudge;
}

PR
コメントを投稿する

HN
タイトル
メールアドレス
URL
コメント
パスワード
Calender

06 2025/07 08
S M T W T F S
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
Blog Counter

Profile

HN:
武神
年齢:
34
HP:
性別:
男性
誕生日:
1991/01/23
職業:
大学生
趣味:
写真
自己紹介:
北の大地の大学院生、まさかの埼玉でしがない会社員となる。

相変わらず愛機のSONY α77と共に写真撮ってます。
被写体は風景(滝・星景)と動物。
14年ぶりに水泳を再開する予定。
最新コメント

[10/28 はっせ]
[10/27 ぱい]
[07/30 武神]
[07/30 ミロ]
[07/29 武神]
Archive

Access Analyzer