영원한사랑

인터넷정보 +1252

firefox 주소창, 검색창에서 한글주소 바로가기 구현

인터넷정보2007. 10. 12. 13:56
firefox에는 주소창과 오른쪽에 검색창이 있는데

검색창에 한글 (예로 우리은행)을 입력하면 해당사이트로 바로 이동하게 하는 기능을 추가할 수 있다.



----------------------------------

<SearchPlugin xmlns="http://www.mozilla.org/2006/browser/search/">
<ShortName>Korean</ShortName>
<Description>Korean Search</Description>
<InputEncoding>x-windows-949</InputEncoding>
<Image width="16" height="16"></Image>

<Url type="text/html" method="GET" template="http://www.google.co.kr/search">
<Param name="q" value="{searchTerms}"/>
<Param name="hl" value="ko"/>
<Param name="btnI" value=""/>
<Param name="lr" value=""/>
</Url>
<SearchForm>http://www.google.co.kr/search</SearchForm>
</SearchPlugin>

----------------------------------------------------



이 소스를 복사해서 firefox가 설치된 디렉토리 밑에 searchplugins 폴더 아래에 적당한 이름의 xml을 파일을 생성해서 넣고 firefox를 재시작 하시면 됩니다.
ShortName, Description은 적당히 수정하셔서 사용하시면 됩니다..


검색창에 여러검색엔진과 함께 조금전에 추가한 것이 나타납니다.


-------------------------------------

주소창에서 한글을 입력했을 때 바로가기 되도록 설정을 바꾸려면
1. 주소창에 about:config 를 입력한다.
2. 필터 입력창에 keyword.URL을 입력하면 검색결과가 나온다.

값을 더블클릭하면 셋팅된 값을 수정할 수 있다. 그곳에

http://www.google.co.kr/search?hl=ko&btnI=&lr=&q=

위 URL을 복사해서 넣는다..

'인터넷정보' 카테고리의 다른 글

컨트롤키 기능 모음, 콘트롤, ctrl  (0) 2007.10.12
담배의 역사  (0) 2007.10.12
SimpleChat - 개인 홈페이지에서 사용가능한 1:1 상담 채팅  (0) 2007.10.12
GChat  (0) 2007.10.12
오른쪽 마우스 해제  (0) 2007.10.12
클릭 한번으로 창 여러개 띄우기 - 팝업, 새창 두개 이상  (0) 2007.10.12
absolute positioning  (0) 2007.10.12
팝업 타이머 - 새창 타이머  (0) 2007.10.12
텍스트 카운팅  (0) 2007.10.12
텍스트 확대 축소 소스  (0) 2007.10.12

클릭 한번으로 창 여러개 띄우기 - 팝업, 새창 두개 이상

인터넷정보2007. 10. 12. 13:55

<script>
<!--
function gotourl(){  
 for(i=0;i<=gotourl.arguments.length-1;i+=2){  
  window.open(gotourl.arguments[i],gotourl.arguments[i+1]);
  // 바로 윗 줄 대신 아래걸 사용하면 팝업창의 속성을 지정할 수 있습니다.
  // window.open(gotourl.arguments[i],gotourl.arguments[i+1],"toolbar=no, width=350,height=200");  
 }
}
//-->
</script>
  
<a href="javascript:gotourl('http://oxtag.com','frame1','http://hanmail.net','frame2','http://google.com','frame3')">링크클릭</a>  

<br /><br />

<iframe src="http://oxtag.com/html/img/newborn.jpg" width=800 height=600 frameborder="0" name="frame3" scrolling=auto style="border:solid 1px gray;"></iframe>

'인터넷정보' 카테고리의 다른 글

담배의 역사  (0) 2007.10.12
SimpleChat - 개인 홈페이지에서 사용가능한 1:1 상담 채팅  (0) 2007.10.12
GChat  (0) 2007.10.12
오른쪽 마우스 해제  (0) 2007.10.12
firefox 주소창, 검색창에서 한글주소 바로가기 구현  (0) 2007.10.12
absolute positioning  (0) 2007.10.12
팝업 타이머 - 새창 타이머  (0) 2007.10.12
텍스트 카운팅  (0) 2007.10.12
텍스트 확대 축소 소스  (0) 2007.10.12
퍼즐 게임 - puzzle  (0) 2007.10.12

absolute positioning

인터넷정보2007. 10. 12. 13:42

<style>
#TOP
{
position:absolute;
left:expression!!(this.getAttribute("posx"));
top:expression!!(this.getAttribute("posy"));
}
</style>


<div id=TOP posx=10 posy=10>
메뉴1
</div>

<div id=TOP posx=0 posy=30>
메뉴2
</div>

<div id=TOP posx=60 posy=10>
메뉴3
</div>

<div id=TOP posx=90 posy=90>
메뉴4
</div>


posx=x 좌표
posy=y 좌표

'인터넷정보' 카테고리의 다른 글

SimpleChat - 개인 홈페이지에서 사용가능한 1:1 상담 채팅  (0) 2007.10.12
GChat  (0) 2007.10.12
오른쪽 마우스 해제  (0) 2007.10.12
firefox 주소창, 검색창에서 한글주소 바로가기 구현  (0) 2007.10.12
클릭 한번으로 창 여러개 띄우기 - 팝업, 새창 두개 이상  (0) 2007.10.12
팝업 타이머 - 새창 타이머  (0) 2007.10.12
텍스트 카운팅  (0) 2007.10.12
텍스트 확대 축소 소스  (0) 2007.10.12
퍼즐 게임 - puzzle  (0) 2007.10.12
타이틀바..  (0) 2007.10.12

팝업 타이머 - 새창 타이머

인터넷정보2007. 10. 12. 13:42

http://oxtag.com/html/ex/popupTimer.htm


<SCRIPT LANGUAGE="JavaScript">
<!--
closetime = 5; // 팝업창이 열린 후 5초 후 닫기
function Start(URL, WIDTH, HEIGHT) {
 windowprops = "left=50,top=50,width=" + WIDTH + ",height=" + HEIGHT;
 preview = window.open(URL, "preview", windowprops);
 if (closetime) setTimeout("preview.close();", closetime*1000);
}

function doPopup() {
 url = "http://daum.net";  // 팝업창의 주소
 width = 400;  // 윈도우의 가로크기
 height = 350; // 윈도우의 높이
 delay = 2;    // 몇초 후에 열리게 할것인가를 설정 합니다
 timer = setTimeout("Start(url, width, height)", delay*1000);
}

document.onLoad = doPopup();
// -->
</script>

'인터넷정보' 카테고리의 다른 글

GChat  (0) 2007.10.12
오른쪽 마우스 해제  (0) 2007.10.12
firefox 주소창, 검색창에서 한글주소 바로가기 구현  (0) 2007.10.12
클릭 한번으로 창 여러개 띄우기 - 팝업, 새창 두개 이상  (0) 2007.10.12
absolute positioning  (0) 2007.10.12
텍스트 카운팅  (0) 2007.10.12
텍스트 확대 축소 소스  (0) 2007.10.12
퍼즐 게임 - puzzle  (0) 2007.10.12
타이틀바..  (0) 2007.10.12
웹브라우저, 언어, 운영체제 보여주기  (0) 2007.10.12

텍스트 카운팅

인터넷정보2007. 10. 12. 13:41

http://oxtag.com/html/ex/CheckLen.html

<html>
<head>
<title>텍스트 카운팅</title>
</head>
<body>

<script language="javascript">
  function mBoxreset(){
           document.write.msglen.value = '80';
           document.write.memo.value = '';
   }

   function CheckLen(form){
          var msglen;
          var maxlen;
          var l;
          var tmpstr;

          msglen = form.maxmsglen.value;
          maxlen = msglen;
          l = form.memo.value.length;
          tmpstr = "";

          if (l == 0) document.write.msglen.value = msglen;
          else
                    for(k=0;k<l;k++){
                              t = form.memo.value.charAt(k);
                              if (escape(t).length > 4) msglen -= 2;
                              else msglen--;
           
                              if(msglen < 0){
                                        alert(maxlen + " 바이트 안에서 입력할 수 있습니다.");
                                        document.write.memo.value = tmpstr;
                                        // document.write.memo.value = "";
                              }else{
                                        document.write.msglen.value = msglen;
                                        tmpstr += t;
                                        document.write.memo.focus();
                              }
                    }
   }
</script>

<form name="write" method="post" action="">
<input type="hidden" name="maxmsglen" value="80">
<input type=="Text" name="msglen" size="2" value='80' style="border:1 solid gray; font-size:8pt; background-color:#ffffff;"><br />
<textarea rows="7" cols="40" name="memo" onChange="CheckLen(this.form)" onKeyUp="CheckLen(this.form)"></textarea>
</form>

</body>
</html>

'인터넷정보' 카테고리의 다른 글

오른쪽 마우스 해제  (0) 2007.10.12
firefox 주소창, 검색창에서 한글주소 바로가기 구현  (0) 2007.10.12
클릭 한번으로 창 여러개 띄우기 - 팝업, 새창 두개 이상  (0) 2007.10.12
absolute positioning  (0) 2007.10.12
팝업 타이머 - 새창 타이머  (0) 2007.10.12
텍스트 확대 축소 소스  (0) 2007.10.12
퍼즐 게임 - puzzle  (0) 2007.10.12
타이틀바..  (0) 2007.10.12
웹브라우저, 언어, 운영체제 보여주기  (0) 2007.10.12
클립보드로 카피하기  (0) 2007.10.12

텍스트 확대 축소 소스

인터넷정보2007. 10. 12. 13:40

http://oxtag.com/html/ex/text200705131210.html

<html>
<head>
<title>텍스트 확대 축소 소스</title>
</head>
<body>

<table align=center>
<tr>
<td height=200px>


<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var speed = 20;//값이 클수록 느려요~;;
var cycledelay = 100;//지연시간
var maxsize = 30;//최대 확대 사이즈

var x = 0;
var y = 0;
var themessage, size;
var esize = "</font>";

function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
   }
}
var themessage2 = new initArray(
"안녕하세요~^^",
"글자가 커졌다 작아졌다가.. ~~",
"여기에 이런형식으로<br>글자를 적어넣으시면 됩니다.",
"직접 적용해보시면<br>훨씬 빠르겠죠 ^^");
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>


</td>
</tr>
</table>

</body>
</html>

'인터넷정보' 카테고리의 다른 글

firefox 주소창, 검색창에서 한글주소 바로가기 구현  (0) 2007.10.12
클릭 한번으로 창 여러개 띄우기 - 팝업, 새창 두개 이상  (0) 2007.10.12
absolute positioning  (0) 2007.10.12
팝업 타이머 - 새창 타이머  (0) 2007.10.12
텍스트 카운팅  (0) 2007.10.12
퍼즐 게임 - puzzle  (0) 2007.10.12
타이틀바..  (0) 2007.10.12
웹브라우저, 언어, 운영체제 보여주기  (0) 2007.10.12
클립보드로 카피하기  (0) 2007.10.12
최근 업데이트 시간을 자동으로 나타내 보자!  (0) 2007.10.12

퍼즐 게임 - puzzle

인터넷정보2007. 10. 12. 13:39

미리보기 : http://oxtag.com/html/ex/game/puzzle.html

<html>
<head>
<title>puzzle</title>
<script type = "text/javascript">
<!--
var puz = [[1,2,3,4],[5,6,7,8],[9,10,11,12],[13,14,15,""]];
var x, y, i, j, s1, s2, s3, s4, tmp;
var c1,c2, c3, c4;


function go(){
        p1.innerText = "5";
}


function change(c1, c2, c3, c4){
        tmp = puz[c1][c2];
        puz[c1][c2] = puz[c3][c4];
        puz[c3][c4] = tmp;
        in_puz();
}       

function sort(){
        for(i=0;i<30;i++){
                s1 = Math.floor(Math.random()*4);
                s2 = Math.floor(Math.random()*4);
                s3 = Math.floor(Math.random()*4);
                s4 = Math.floor(Math.random()*4);
                tmp = puz[s1][s2];
                puz[s1][s2] = puz[s3][s4];
                puz[s3][s4] = tmp;
        }
        in_puz();       
}

function puzzle(x, y){
        if(x>0&&puz[x-1][y]=="") change(x,y,x-1,y);
        if(x<3&&puz[x+1][y]=="") change(x,y,x+1,y);
        if(y>0&&puz[x][y-1]=="") change(x,y,x,y-1);
        if(y<3&&puz[x][y+1]=="") change(x,y,x,y+1);
}

function in_puz(){
        p1.innerText = puz[0][0];
        p2.innerText = puz[0][1];
        p3.innerText = puz[0][2];
        p4.innerText = puz[0][3];
        p5.innerText = puz[1][0];
        p6.innerText = puz[1][1];
        p7.innerText = puz[1][2];
        p8.innerText = puz[1][3];
        p9.innerText = puz[2][0];
        p10.innerText = puz[2][1];
        p11.innerText = puz[2][2];
        p12.innerText = puz[2][3];
        p13.innerText = puz[3][0];
        p14.innerText = puz[3][1];
        p15.innerText = puz[3][2];
        p16.innerText = puz[3][3];
        test();               
}
function test(){
        var k=1, test_num=1;
        for(i=0;i<=3;i++){
                for(j=0;j<=3;j++){
                        if(puz[i][j] == k++) test_num++;
                }
        }
        if(test_num==16)
                if(confirm("축하합니다! 퍼즐을 완성시켰습니다.\n다시 하시겠습니까?")) sort();
       
}       
       
//-->
</script>
<style>
p{font-size:20pt;width:40px;text-align:center;font-weight:bold;}
td{width:40px;height:40px;cursor:hand;}
</style>
</head>
<body topmargin="3">

<table align="center" width="178" border="5" cellspacing = "1" bordercolorlight="ddddff" bordercolordark="000088">
<tr>
<td onclick="puzzle(0, 0)"><p id="p1">1</p></td><td onclick="puzzle(0, 1)"><p id="p2">2</p></td>
<td onclick="puzzle(0, 2)"><p id="p3">3</p></td><td onclick="puzzle(0, 3)"><p id="p4">4</p></td>
</tr>
<tr>
<td onclick="puzzle(1, 0)"><p id="p5">5</p></td><td onclick="puzzle(1, 1)"><p id="p6">6</p></td>
<td onclick="puzzle(1, 2)"><p id="p7">7</p></td><td onclick="puzzle(1, 3)"><p id="p8">8</p></td>
</tr>
<tr>
<td onclick="puzzle(2, 0)"><p id="p9">9</p></td><td onclick="puzzle(2, 1)"><p id="p10">10</p></td>
<td onclick="puzzle(2, 2)"><p id="p11">11</p></td><td onclick="puzzle(2, 3)"><p id="p12">12</p></td>
</tr>
<tr>
<td onclick="puzzle(3, 0)"><p id="p13">13</p></td><td onclick="puzzle(3, 1)"><p id="p14">14</p></td>
<td onclick="puzzle(3, 2)"><p id="p15">15</p></td><td onclick="puzzle(3, 3)"><p id="p16"> </p></td>
</tr>
</table>

<table align="center" width="195px">
<tr><td align="center">
<input type="button" value="시     작" onclick="sort()" style="width:195px;height:25px;" />
</td>
</tr>
</table>

</body>
</html>

'인터넷정보' 카테고리의 다른 글

클릭 한번으로 창 여러개 띄우기 - 팝업, 새창 두개 이상  (0) 2007.10.12
absolute positioning  (0) 2007.10.12
팝업 타이머 - 새창 타이머  (0) 2007.10.12
텍스트 카운팅  (0) 2007.10.12
텍스트 확대 축소 소스  (0) 2007.10.12
타이틀바..  (0) 2007.10.12
웹브라우저, 언어, 운영체제 보여주기  (0) 2007.10.12
클립보드로 카피하기  (0) 2007.10.12
최근 업데이트 시간을 자동으로 나타내 보자!  (0) 2007.10.12
해상도별 다른 페이지 보여주기  (0) 2007.10.12

타이틀바..

인터넷정보2007. 10. 12. 13:38

<SCRIPT LANGUAGE="JavaScript">
var scrl = "타이틀바에 쓰고싶은 말은 여기다가!!";
function scrlsts() {
scrl = scrl.substring(1, scrl.length) + scrl.substring(0, 1);
document.title = scrl;
setTimeout("scrlsts()", 300);
}
</script>
<BODY onLoad="scrlsts();">



'인터넷정보' 카테고리의 다른 글

absolute positioning  (0) 2007.10.12
팝업 타이머 - 새창 타이머  (0) 2007.10.12
텍스트 카운팅  (0) 2007.10.12
텍스트 확대 축소 소스  (0) 2007.10.12
퍼즐 게임 - puzzle  (0) 2007.10.12
웹브라우저, 언어, 운영체제 보여주기  (0) 2007.10.12
클립보드로 카피하기  (0) 2007.10.12
최근 업데이트 시간을 자동으로 나타내 보자!  (0) 2007.10.12
해상도별 다른 페이지 보여주기  (0) 2007.10.12
OS 별 페이지 이동하기  (0) 2007.10.12

웹브라우저, 언어, 운영체제 보여주기

인터넷정보2007. 10. 12. 13:38
<SCRIPT LANGUAGE="javascript">
<!-- Hide from old browsers
latest = "6.2.2";

languagesq = new Object;
languagesq["un"] = "알려지지 않은 언어, ";
languagesq["cn"] = "중국 (simp.) 어, ";
languagesq["cs"] = "Czech language, ";
languagesq["da"] = "Danish language, ";
languagesq["de"] = "German language, ";
languagesq["el"] = "Greek language, ";
languagesq["en"] = "English language, ";
languagesq["es"] = "Spanish language, ";
languagesq["fc"] = "French (Canada) language, ";
languagesq["fi"] = "Finnish language, ";
languagesq["fr"] = "French language, ";
languagesq["hu"] = "Hungarian language, ";
languagesq["it"] = "Italian language, ";
languagesq["ja"] = "일본어, ";
languagesq["ko"] = "한국어, ";
languagesq["nl"] = "Dutch language, ";
languagesq["no"] = "Norwegian language, ";
languagesq["pl"] = "Polish language, ";
languagesq["pt"] = "Brazilian Portuguese language, ";
languagesq["ru"] = "Russian language, ";
languagesq["sv"] = "Swedish language, ";
languagesq["tr"] = "Turkish language, ";
languagesq["tw"] = "Chinese (trad.) language, ";
languagesq["uk"] = "영어 (UK), ";
languagesq["de-de"] = "German language, ;"
languagesq["en-gb"] = "영어 (UK), ";
languagesq["en-us"] = "영어, ";
languagesq["es-es"] = "Spanish language, ";
languagesq["fr-fr"] = "French language, ";
languagesq["ja-jp"] = "일본어, ";

lang = "un";
Component = "Unknown browser";
platform = "Unknown platform";
OS = "";
version = parseFloat(navigator.appVersion);
UA = navigator.userAgent;
ua = navigator.userAgent.toLowerCase();

// Language
if (((start = ua.indexOf("[")) > 0) &&
    ((end = ua.indexOf("]")) == (ua.indexOf("[") + 3))){
  language = ua.substring(start+1, end);
} else if (navigator.language) {
  language = navigator.language.toLowerCase();
} else if (navigator.userLanguage) {
  language = navigator.userLanguage.toLowerCase();
}
if (languagesq[language]) {
  lang = language;
}

// OS
if (((ua.indexOf("ppc") > 0) && (ua.indexOf("mac") > 0))
    || (ua.indexOf("mac_power") > 0)) {
//  if (ua.indexOf("os x")) {
//    OS = "macosx";
//  } else {
    OS = "macppc";
//  }
} else if ((ua.indexOf("linux 2.2") > 0)
           || (ua.indexOf("netscape6") && ua.indexOf("linux") > 0)) {
  OS = "linux2.2";
} else if (ua.indexOf("win") > 0) {
  OS = "win32";
}

// Other info
start = UA.indexOf('(') + 1;
end = UA.indexOf(')');
str = UA.substring(start, end);
info = str.split('; ');

if (ua.indexOf('msie') != -1) {
  platform = info[2];
  Component = navigator.appName;
  str = info[1].substring(5, info[1].length);
  version = parseFloat(str);
} else if ((start = ua.indexOf("netscape6")) > 0) {
  if (info[0].toLowerCase() == "windows") {
    platform = info[2];
  } else {
    platform = info[0] + " " + info[2];
  }
  Component = "Netscape";
  version = ua.substring(start+10, ua.length);
  if ((start = version.indexOf("b")) > 0 ) {
    pr = version.substring(start+1,version.length);
    str = version.substring(0,version.indexOf("b"));
    version = str + " Preview Release " + pr;
  }
} else {
  if(info[2]) {
    if (info[0].toLowerCase() == "windows") {
      platform = info[2];
    } else {
      platform = info[0] + " " + info[2];
    }
  } else {
    platform = info[0];
  }
  if (ua.indexOf("gecko") > 0) {
    Component = "Mozilla";
  } else if (ua.indexOf("nav") > 0) {
    Component = "Netscape Navigator";
  } else {
    Component = "Netscape Communicator";
  }
}
// Some formatting
if ((platform.indexOf("NT") != -1) && (platform.indexOf("5.1") != -1)) {
  platform = "Windows XP";
}
if ((platform.indexOf("NT") != -1) && (platform.indexOf("5.0") != -1)) {
  platform = "Windows 2000";
}
if (parseInt(version) == parseFloat(version)) {
  version = version + ".0";
}

// Message according to the sniff result


You_R_running = "<font face=\"Arial,Helvetica\" color=\"#000000\" size=\"1\">당신이 현재 사용하고 있는것은..:</font><BR>\n";
You_R_running += "<font face=\"Arial,Helvetica\" color=\"#003366\" size=\"1\"><B>" + Component + " " + version + "</B></font><BR> ";
You_R_running += "<FONT face=\"Arial,Helvetica\" SIZE=1>" + languagesq[lang] + " 운영체제 : " + platform + "</font>";

document.writeln("<TABLE CELLPADDING=8 CELLSPACING=0 BORDER=0 WIDTH=100%><TR><TD>");
document.writeln(You_R_running);

// Stop hiding from old browsers -->
</SCRIPT>

'인터넷정보' 카테고리의 다른 글

팝업 타이머 - 새창 타이머  (0) 2007.10.12
텍스트 카운팅  (0) 2007.10.12
텍스트 확대 축소 소스  (0) 2007.10.12
퍼즐 게임 - puzzle  (0) 2007.10.12
타이틀바..  (0) 2007.10.12
클립보드로 카피하기  (0) 2007.10.12
최근 업데이트 시간을 자동으로 나타내 보자!  (0) 2007.10.12
해상도별 다른 페이지 보여주기  (0) 2007.10.12
OS 별 페이지 이동하기  (0) 2007.10.12
레이어의 상대위치 지정 방법(position:absolute에서...)  (0) 2007.10.12

클립보드로 카피하기

인터넷정보2007. 10. 12. 13:38

미리보기 : http://oxtag.com/html/ex/banner.html


<script>
function copy_select(s){
    var doc = document.body.createTextRange();
    doc.moveTo!!ElementText(document.all(s));
    doc.select();
    doc.execCommand('copy');
    alert!!('배너 소스가 클립보드로 카피되었습니다. ^^;\n\nCtrl + V로 문서에 바로 붙여넣기 하시면 됨니다.');
}
</script>


<a href="javascript:copy_select('banner1')" onfocus=this.blur()><img src="./../img/banner.gif" border=0></a>
<a href="javascript:copy_select('banner2')" onfocus=this.blur()><img src="./../img/flag1.gif" border=0></a>
<a href="javascript:copy_select('banner3')" onfocus=this.blur()><img src="./../img/banner4.gif" border=0></a>


<div id=banner1 style=visibility:hidden;><a href=http://oxtag.com target=_blank onfocus=this.blur()><img src=http://oxtag.com/html/img/banner.gif border=0></a></div>
<div id=banner2 style=visibility:hidden;><a href=http://oxtag.com target=_blank onfocus=this.blur()><img src=http://oxtag.com/html/img/flag1.gif border=0></a></div>
<div id=banner3 style=visibility:hidden;><a href=http://oxtag.com target=_blank onfocus=this.blur()><img src=http://oxtag.com/html/img/banner4.gif border=0></a></div>


대충 이해가 가시죠.
여기서 링크 부분과 div 부분의 id는 서로서로 일치를 해야겠죠.
그리고 visibility:hidden;은 화면상에 보이지 않게 감추는 거구요.

주의할 점은 감추는 부분의 div내의 복사할 주소의 시작 태그인 < 이걸 < 이걸로 해주셔야겠죠

'인터넷정보' 카테고리의 다른 글

텍스트 카운팅  (0) 2007.10.12
텍스트 확대 축소 소스  (0) 2007.10.12
퍼즐 게임 - puzzle  (0) 2007.10.12
타이틀바..  (0) 2007.10.12
웹브라우저, 언어, 운영체제 보여주기  (0) 2007.10.12
최근 업데이트 시간을 자동으로 나타내 보자!  (0) 2007.10.12
해상도별 다른 페이지 보여주기  (0) 2007.10.12
OS 별 페이지 이동하기  (0) 2007.10.12
레이어의 상대위치 지정 방법(position:absolute에서...)  (0) 2007.10.12
마우스 주위에 3D 처럼 원을 그리며 도는 글자  (0) 2007.10.12

최근 업데이트 시간을 자동으로 나타내 보자!

인터넷정보2007. 10. 12. 13:37
<html>

<head>
<script language="JavaScript">
<!--
function na_last_update(lname, color, size, font, style, weight)
{
var str =document.lastModified;
if (document.layers) {
  with(document.layers[lname]) {
    document.open()
    document.write(str)
    document.fgColor = color
    document.close();
   }
  }
  if (document.all) {
    document.all(lname).style.color = color
    document.all(lname).style.fontSize = size
    document.all(lname).style.fontFamily = font
    document.all(lname).style.fontStyle = style
    document.all(lname).style.fontWeight = weight
    document.all(lname).innerHTML = str
  }
}

// -->
</script>
</head>

<!--수정할 곳 -->
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" OnLoad="na_last_update('layer1', 'black', 12, '굴림', 'normal', 'normal');">
<!--수정할 곳 -->


<div id="layer1" style="width:200px; height:200px; position:absolute; left:88px; top:125px; z-index:1;">
    <p><!--이곳에는 내용 넣으실 필요 없습니다. 이곳이 날짜와 시간이 표시되는 곳이니까요 --></p>
</div>
</body>

</html>

'인터넷정보' 카테고리의 다른 글

텍스트 확대 축소 소스  (0) 2007.10.12
퍼즐 게임 - puzzle  (0) 2007.10.12
타이틀바..  (0) 2007.10.12
웹브라우저, 언어, 운영체제 보여주기  (0) 2007.10.12
클립보드로 카피하기  (0) 2007.10.12
해상도별 다른 페이지 보여주기  (0) 2007.10.12
OS 별 페이지 이동하기  (0) 2007.10.12
레이어의 상대위치 지정 방법(position:absolute에서...)  (0) 2007.10.12
마우스 주위에 3D 처럼 원을 그리며 도는 글자  (0) 2007.10.12
테두리가 스믈스믈..  (0) 2007.10.12

해상도별 다른 페이지 보여주기

인터넷정보2007. 10. 12. 13:36

<html>

<head>
<title>해상도별 이동시키기</title>
<script language="JavaScript">
<!--
function na_redirect_by_resolution(url_640x480, url_800x600, url_1024x768, other)
{
  var url_640x480;  
  var url_800x600;  
  var url_1024x768;
  if (screen.width==640||screen.height==480)
    window.location!!.replace(url_640x480)    
  else if (screen.width == 800 ||screen.height == 600)
    window.location!!.replace(url_800x600);
  else if (screen.width == 1024||screen.height == 768)  
    window.location!!.replace(url_1024x768);
  else
    window.location!!.replace(other);
}

// -->
</script>
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" OnLoad="na_redirect_by_resolution('640*480', '800*600', '1024*768', '기타');">

<p>
<!-- 내용들어갈 자리-->
</p>
</body>

</html>
----------------------------------------------------------------------------
여기서도,, 별 다른건 수정하실것 없구요
OnLoad="na_redirect_by_resolution('640*480', '800*600', '1024*768', '기타');
이 부분을 수정해 주세요
해상도 써 놓은곳에 이동할 절대경로나 상대경로를 적어주시면 됩니다.

'인터넷정보' 카테고리의 다른 글

퍼즐 게임 - puzzle  (0) 2007.10.12
타이틀바..  (0) 2007.10.12
웹브라우저, 언어, 운영체제 보여주기  (0) 2007.10.12
클립보드로 카피하기  (0) 2007.10.12
최근 업데이트 시간을 자동으로 나타내 보자!  (0) 2007.10.12
OS 별 페이지 이동하기  (0) 2007.10.12
레이어의 상대위치 지정 방법(position:absolute에서...)  (0) 2007.10.12
마우스 주위에 3D 처럼 원을 그리며 도는 글자  (0) 2007.10.12
테두리가 스믈스믈..  (0) 2007.10.12
깜박거리는 문자  (0) 2007.10.12

OS 별 페이지 이동하기

인터넷정보2007. 10. 12. 13:36
<html>

<head>
<title>OS 별 페이지 이동하기</title>
<script language="JavaScript">
<!--
function na_os_sniffer(macURL, linuxURL, winURL)
{
  var agt = navigator.userAgent.toLowerCase();
  var is_major = parseInt(navigator.appVersion);
  var is_minor = parseFloat(navigator.appVersion);
  var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1) &&
                (agt.indexOf('compatible')== -1) && (agt.indexOf('opera')==-1)
                && (agt.indexOf('webtv')==-1));
  var is_mac = (agt.indexOf("mac")!=-1);
  var is_linux = (agt.indexOf("linux")!=-1);
  var is_win = ( (agt.indexOf("win")!=-1) || (agt.indexOf("16bit")!=-1) );
  var is_win95 = ((agt.indexOf("win95")!=-1) || (agt.indexOf("windows 95")!=-1));
  var is_win16 = ((agt.indexOf("win16")!=-1) ||
                   (agt.indexOf("16bit")!=-1) || (agt.indexOf("windows 3.1")!=-1) ||
               (agt.indexOf("windows 16-bit")!=-1) );  
  var is_win31 = ((agt.indexOf("windows 3.1")!=-1) || (agt.indexOf("win16")!=-1) ||
                    (agt.indexOf("windows 16-bit")!=-1));
  var is_win98 = ((agt.indexOf("win98")!=-1) || (agt.indexOf("windows 98")!=-1));
  var is_winnt = ((agt.indexOf("winnt")!=-1) || (agt.indexOf("windows nt")!=-1));
  var is_win32 = (is_win95 || is_winnt || is_win98 ||
                    ((is_major >= 4) && (navigator.platform == "Win32")) ||
                    (agt.indexOf("win32")!=-1) || (agt.indexOf("32bit")!=-1));
  if (is_mac) {
    location.href = macURL;
  }
  
  else if (is_linux) {
    location.href = linuxURL;
  }
  else if (is_win || is_win95 || is_win98 || is_winnt || is_win31 || is_win32 || is_win16) {
    location.href = winURL;
  }
}

// -->
</script>
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" OnLoad="na_os_sniffer('맥킨토쉬', '리눅스', '윈도우');">
<p>

<!--내용 들어갈 자리-->

</p>
</body>

</html>

바디 부분에보면 제가 OnLoad="na_os_sniffer('맥킨토쉬', '리눅스', '윈도우'); 라고 써 놓은 부분 있죠?
그 부분은 OS 별 이동 경로를 적는 곳입니다 (상대경로나 절대경로나 암거나요 ;;)
리눅스 같은경우는 네스케이프를 쓰니까, 익스에서만 보일경우 옮기면 될꺼구요
맥에 있는 익스도,, 윈도우 익스만하지가 않아서 ;;

'인터넷정보' 카테고리의 다른 글

타이틀바..  (0) 2007.10.12
웹브라우저, 언어, 운영체제 보여주기  (0) 2007.10.12
클립보드로 카피하기  (0) 2007.10.12
최근 업데이트 시간을 자동으로 나타내 보자!  (0) 2007.10.12
해상도별 다른 페이지 보여주기  (0) 2007.10.12
레이어의 상대위치 지정 방법(position:absolute에서...)  (0) 2007.10.12
마우스 주위에 3D 처럼 원을 그리며 도는 글자  (0) 2007.10.12
테두리가 스믈스믈..  (0) 2007.10.12
깜박거리는 문자  (0) 2007.10.12
강한 인상을주는 (?) 환영메세지  (0) 2007.10.12

레이어의 상대위치 지정 방법(position:absolute에서...)

인터넷정보2007. 10. 12. 13:35
서브메뉴에서 창의 크기에 따라 레이어의 위치가 주메뉴와 일치하지 않는 것을 해결하는
방법을 찾으시는 분이 많으신 것 같아 방법을 알려드리지요..
방법은 여러가지가 있지요...
주메뉴를 레이어에 넣어서 주메뉴 레이어를 화면 중앙에 오게 하고 나머지 서브메뉴를
주메뉴 레이어에의 상대적 위치에 따라 위치를 결정하는 방법..
아니면 일일히 서브레이어의 위치를 상대적으로 지정하는 방법 등등..

이중에 간단히 두번째 일일히 지정하는 방법을 좀더 간단히 하는 방법을 알려드리면...

<style>
#Layer
{
position:absolute;
left:expression!!((document.body.clientWidth-this.style.width)/2-this.getAttribute("pos"));
}
</style>

일단 스타일 시트에서 expression!!메쏘드로 자바스크립트를 이용하여 레이어의 좌측 위치를
body태그, 즉 실제문서가 표시된 부분 만큼의 너비를 이용하여 화면 중앙의 위치를 구합니다.
보이는 화면을 1/2하면 중앙이 되겠지요..

(document.body.clientWidth-this.style.width)/2
위와 같이 하는 이유는 레이어의 너비를 화면 크기에서 빼주어야 레이어 좌측이 중앙으로 부터
레이어 너비의 반만큼 왼쪽으로 더 이동되어 화면 정중앙에 오기때문이죠..

그리고 this.getAttribute("pos")는 pos라는 사용자 속성 값을 읽어 오는 겁니다.
레이어마다 따로 아이디를 부여할 필요없이 하나의 아이디로 하려고 사용하는 게지요..

그럼 실제 레이어에 적용해보지요..

아래처럼 그냥 레이어를 만드시고 id를 모두 동일하게 Layer로 줍니다.
pos는 위에서 말씀드린 사용자 속성입니다.
화면중앙에서 +값이면 왼쪽으로 이동시킬 픽셀값이고 -는 오른쪽으로 이동시킬 픽셀값이 되는 것이지요.

그럼 확인한번 해보세요..


<div id=Layer pos=60>
메뉴1
</div>

<div id=Layer pos=-30>
메뉴2
</div>

<div id=Layer pos=0>
메뉴3
</div>

<div id=Layer pos=100>
메뉴4
</div>

머 이밖에 behavior!!를 이용하는 방법(클래스 지정만으로 서브메뉴 구현가능)도 있는데..
초보자에게는 어려우니 위에 방법을 써보시고 좀더 공부하시고 behavior!!를 이용한 방법을
사용해 보시는 것도 좋을 듯 하네요..

단, 위 방법은 id가 모두 동일하므로 mouseover/out이벤트 핸들러를 적용할때는 레이어를 배열로 지정하셔서 사용하셔야 합니다.

'인터넷정보' 카테고리의 다른 글

웹브라우저, 언어, 운영체제 보여주기  (0) 2007.10.12
클립보드로 카피하기  (0) 2007.10.12
최근 업데이트 시간을 자동으로 나타내 보자!  (0) 2007.10.12
해상도별 다른 페이지 보여주기  (0) 2007.10.12
OS 별 페이지 이동하기  (0) 2007.10.12
마우스 주위에 3D 처럼 원을 그리며 도는 글자  (0) 2007.10.12
테두리가 스믈스믈..  (0) 2007.10.12
깜박거리는 문자  (0) 2007.10.12
강한 인상을주는 (?) 환영메세지  (0) 2007.10.12
텍스트 지진(?)효과 내기  (0) 2007.10.12

마우스 주위에 3D 처럼 원을 그리며 도는 글자

인터넷정보2007. 10. 12. 13:35

<SCRIPT LANGUAGE="JavaScript">
<!--

if (document.all) {
yourLogo = "안녕하세요반갑습니다"; // 마우스 주위에 나타날 글자 를 써주세요.
logoFont = "돋움체"; // 글자체
logoColor = "#FDB7CE"; // 글자색
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 50; // 장평 글자 간격입니다. 원의 크기 이겠죠!!
logoHeight = -50; // 글자의 크기 입니다. (여기서 - 는 반시계 반향 이고 지우면 시계방향으로 가요~)
ypos = 0;
xpos = 0;
step = 0.03;
currStep = 0;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'
+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'
+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 5;
ie[i].style.fontSize = Sz[i] / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 20);
}
window.onload = animateLogo;
}
//-->
</script>

'인터넷정보' 카테고리의 다른 글

클립보드로 카피하기  (0) 2007.10.12
최근 업데이트 시간을 자동으로 나타내 보자!  (0) 2007.10.12
해상도별 다른 페이지 보여주기  (0) 2007.10.12
OS 별 페이지 이동하기  (0) 2007.10.12
레이어의 상대위치 지정 방법(position:absolute에서...)  (0) 2007.10.12
테두리가 스믈스믈..  (0) 2007.10.12
깜박거리는 문자  (0) 2007.10.12
강한 인상을주는 (?) 환영메세지  (0) 2007.10.12
텍스트 지진(?)효과 내기  (0) 2007.10.12
두문장을 blur 효과주며 보여주기  (0) 2007.10.12

테두리가 스믈스믈..

인터넷정보2007. 10. 12. 13:34
<span id="TexteBat" style="width:100%">
<h1>원하는 텍스트</h1>
</span>
</center>
<script>
<!--
var from = 4;    //시작하는테두리두께
var to = 12;       //끝나는 테두리 두께
var delay = 55;    //속도
var glowColor = "#00FF00";     //색깔
var i = to;
var j = 0;

textPulseDown();

function textPulseUp()
   {
   if (!document.all)
      return
   if (i < to)
      {
      TexteBat.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")";
      i++;
      theTimeout = setTimeout('textPulseUp()',delay);
      return 0;
      }

   if (i = to)
      {
      theTimeout = setTimeout('textPulseDown()',delay);
      return 0;
      }
   }

function textPulseDown()
   {
   if (!document.all)
      return
   if (i > from)
      {
      TexteBat.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")";
      i--;
      theTimeout = setTimeout('textPulseDown()',delay);
      return 0;
      }
   if (i = from)
      {
      theTimeout = setTimeout('textPulseUp()',delay);
      return 0;
      }
   }
//-->
</script>

익스플로러 전용입니다 +_+

'인터넷정보' 카테고리의 다른 글

최근 업데이트 시간을 자동으로 나타내 보자!  (0) 2007.10.12
해상도별 다른 페이지 보여주기  (0) 2007.10.12
OS 별 페이지 이동하기  (0) 2007.10.12
레이어의 상대위치 지정 방법(position:absolute에서...)  (0) 2007.10.12
마우스 주위에 3D 처럼 원을 그리며 도는 글자  (0) 2007.10.12
깜박거리는 문자  (0) 2007.10.12
강한 인상을주는 (?) 환영메세지  (0) 2007.10.12
텍스트 지진(?)효과 내기  (0) 2007.10.12
두문장을 blur 효과주며 보여주기  (0) 2007.10.12
셀 블렌딩  (0) 2007.10.12

깜박거리는 문자

인터넷정보2007. 10. 12. 13:34
<script language=Javascript>
function checkBrowserForVersion4(){
var x=navigator.appVersion;y=x.substring(0,4);if(y>=4)strobeEffect();}
var isNav=(navigator.appName.indexOf("Netscape")!=-1);
var colors=new Array("FFFFFF", "FFFFFF", "FFFFFF", "FFFFFF", "FFFFFF", "FFFFFF", "FFFFFF", "F9F9F9", "F1F1F1", "E9E9E9", "E1E1E1", "D9D9D9", "D1D1D1", "C9C9C9", "C1C1C1", "B9B9B9", "B1B1B1", "A9A9A9", "A1A1A1", "999999", "919191", "898989", "818181", "797979", "717171", "696969", "616161", "595959", "515151", "494949", "414141", "393939", "313131", "292929", "212121", "191919", "111111", "090909", "000000")
a=0,b=1
function strobeEffect(){
color=colors[a];aa="<font color="+color+">여기에 문자를 적어주세요</font>"
if(isNav) {document.object1.document.write(aa);document.object1.document.close();}
else object1.innerHTML=aa
a+=b;if (a==38) b-=2;if (a==0) b+=2;xx=setTimeout("strobeEffect()",10);}
</script>

바디부분

<body onload="checkBrowserForVersion4()">

본문 부분

<div id="object1" style="position:absolute; visibility:show; left:25px; top:50px; z-index:2"></div>

'인터넷정보' 카테고리의 다른 글

해상도별 다른 페이지 보여주기  (0) 2007.10.12
OS 별 페이지 이동하기  (0) 2007.10.12
레이어의 상대위치 지정 방법(position:absolute에서...)  (0) 2007.10.12
마우스 주위에 3D 처럼 원을 그리며 도는 글자  (0) 2007.10.12
테두리가 스믈스믈..  (0) 2007.10.12
강한 인상을주는 (?) 환영메세지  (0) 2007.10.12
텍스트 지진(?)효과 내기  (0) 2007.10.12
두문장을 blur 효과주며 보여주기  (0) 2007.10.12
셀 블렌딩  (0) 2007.10.12
키보드 글씨가 그대로 화면에 나타나는 스크립트  (0) 2007.10.12

강한 인상을주는 (?) 환영메세지

인터넷정보2007. 10. 12. 13:33
<SCRIPT LANGUAGE="JavaScript">
<!--
message = "Welcome To Our Wonderful World!";   //Welcome To Our Wonderful World! 이부분을 원하는걸로 바꿔주세요
colours = new Array('000099','ff6600')  //원하는 색깔로....
siZe = 20;
message = message.split(' ');
timer = null;
clrPos = 0;
msgPos = 0;
jog = 1;
currentStep = 10;
step = 8;
ns = (document.layers)?1:0;
viz = (document.layers)?'hide':'hidden';
if (ns)
document.write("<div id='T' style='position:absolute'></div><br>");
else {
document.write("<div style='position:absolute'>");
document.write("<div align='center' style='position:relative'>");
document.write("<div id='T' style='position:absolute;width:0;height:0;font-family:Arial;font-size:0'>kurt</div>");
document.write("</div></div><br>");
}
function Message() {
var pageHeight = (document.layers)?window.innerHeight:window.document.body.offsetHeight;
var pageWidth = (document.layers)?window.innerWidth:window.document.body.offsetWidth;
if (ns) {
ypos = pageHeight / 2;
var Write = '<div align="center" style="width:0px;height:0px;font-family:Arial,Verdana;font-size:'+currentStep/4+'px;color:'+colours[clrPos]+'">'+message[msgPos]+'</div>';
document.T.top = ypos + -currentStep / 8 + window.pageYOffset;
document.T.document.write(Write)
document.T.document.close();
}
else {
ypos = pageHeight / 2;
xpos = pageWidth / 2;
T.style.width = currentStep;
T.style.pixelTop = ypos + -currentStep / 16 + document.body.scrollTop;
T.style.pixelLeft = (xpos - 20)+ -currentStep / 2;
T.style.fontSize = currentStep / 8;
T.innerHTML = message[msgPos];
T.style.color = colours[clrPos];
}
if (ns)step += 5;
else step += 15;
currentStep += step
if (ns) {
if (currentStep > pageWidth) {
currentStep = 10;
step = 8;
msgPos += jog;
clrPos += jog;
}
if (clrPos >= colours.length) clrPos = 0;
}
else {
if (currentStep > pageWidth * siZe) {
currentStep = 10;
step = 8;
msgPos += jog;
clrPos += jog;
}
if (clrPos >= colours.length) clrPos = 0;
}
if (msgPos >= message.length) {
clearTimeout(timer);
if (ns) document.T.visibility = viz;
else T.style.visibility = viz;
}
timer = setTimeout("Message()",40)
}
//  End -->
</script>


바디부분에

<BODY onLoad="Message()">

'인터넷정보' 카테고리의 다른 글

OS 별 페이지 이동하기  (0) 2007.10.12
레이어의 상대위치 지정 방법(position:absolute에서...)  (0) 2007.10.12
마우스 주위에 3D 처럼 원을 그리며 도는 글자  (0) 2007.10.12
테두리가 스믈스믈..  (0) 2007.10.12
깜박거리는 문자  (0) 2007.10.12
텍스트 지진(?)효과 내기  (0) 2007.10.12
두문장을 blur 효과주며 보여주기  (0) 2007.10.12
셀 블렌딩  (0) 2007.10.12
키보드 글씨가 그대로 화면에 나타나는 스크립트  (0) 2007.10.12
매일 매일 다른 메세지를 보여줍니다  (0) 2007.10.12

텍스트 지진(?)효과 내기

인터넷정보2007. 10. 12. 13:32
<script language="javascript">
var y=30  
var x=10  //페이지내에서 텍스트의 x,y좌표를나타냅니다.
var count_shakes= 0
var shaketicker

function initObjects() {
if (document.all) {
shaketicker0 = document.all.shaketick0.style
shaketicker1 = document.all.shaketick1.style
shaketicker2 = document.all.shaketick2.style
shaketicker3 = document.all.shaketick3.style
shaketicker4 = document.all.shaketick4.style
shaketicker5 = document.all.shaketick5.style
shaketicker6 = document.all.shaketick6.style
}
if (document.layers) {
shaketicker0 = document.shaketick0
shaketicker1 = document.shaketick1
shaketicker2 = document.shaketick2
shaketicker3 = document.shaketick3
shaketicker4 = document.shaketick4
shaketicker5 = document.shaketick5
shaketicker6 = document.shaketick6
}
shake()
}

function getrandom() {
var dif= Math.floor(Math.random()*2)
return dif
}

function getrandom2() {
var dif= Math.floor(Math.random()*5)
return dif
}

function getrandom3() {
var dif= Math.floor(Math.random()*10)
return dif
}

function intermezzo() {
count_shakes=0
var goon=setTimeout('shake()',2000)

}

function shake() {
if (count_shakes < 50) {      //흔드는횟수정도..짧으면 흔드는횟수가 줄어들고 길면 길어집니다.

if (document.all) {
shaketicker0.posTop=y+getrandom(); shaketicker0.posLeft=x+getrandom3();
shaketicker1.posTop=y+getrandom(); shaketicker1.posLeft=x+getrandom2();
shaketicker2.posTop=y+getrandom2(); shaketicker2.posLeft=x+getrandom();
shaketicker3.posTop=y+getrandom(); shaketicker3.posLeft=x+getrandom3();
shaketicker4.posTop=y+getrandom3(); shaketicker4.posLeft=x+getrandom2();
shaketicker5.posTop=y+getrandom2(); shaketicker5.posLeft=x+getrandom();
shaketicker6.posTop=y+getrandom2(); shaketicker6.posLeft=x+getrandom();
}
if (document.layers) {
shaketicker0.top=y+getrandom(); shaketicker0.left=x+getrandom3();
shaketicker1.top=y+getrandom(); shaketicker1.left=x+getrandom2();
shaketicker2.top=y+getrandom2(); shaketicker2.left=x+getrandom();
shaketicker3.top=y+getrandom3(); shaketicker3.left=x+getrandom();
shaketicker4.top=y+getrandom(); shaketicker4.left=x+getrandom2();
shaketicker5.top=y+getrandom2(); shaketicker5.left=x+getrandom();
shaketicker6.top=y+getrandom(); shaketicker6.left=x+getrandom3();
}
var timer = setTimeout('shake()',10)
count_shakes++;
}
else {
shaketicker0.top=y; shaketicker0.left=x;
shaketicker1.top=y; shaketicker1.left=x;
shaketicker2.top=y; shaketicker2.left=x;
shaketicker3.top=y; shaketicker3.left=x;
shaketicker4.top=y; shaketicker4.left=x;
shaketicker5.top=y; shaketicker5.left=x;
shaketicker6.top=y; shaketicker6.left=x;
intermezzo()
clearTimeout(timer)
}

}
// - End of JavaScript - -->
</SCRIPT>



<STYLE>
.ticker {
position: absolute;
font-family:Verdana;
font-weight:bold;
color:FF0000;      //맨 처음나오는 텍스트 색 같습니다
font-size:30px;
letter-spacing:1;
}
</STYLE>


바디 부분

여기에 원하는 텍스트를 적어주시면 될것같습니다.

글자의 횟수는 위의 스크립트랑 같아야겠지요

<BODY onLoad="initObjects()">
<div id="shaketick0" class="ticker" style="COLOR: #ffeeee">
Take cover!
</div>
<div id="shaketick1" class="ticker" style="COLOR: #ffcccc">
Take cover!
</div>
<div id="shaketick2" class="ticker" style="COLOR: #ff9999">
Take cover!
</div>
<div id="shaketick3" class="ticker" style="COLOR: #ff7777">
Take cover!
</div>
<div id="shaketick4" class="ticker" style="COLOR: #ff5555">
Take cover!
</div>
<div id="shaketick5" class="ticker" style="COLOR: #ff2222">
Take cover!
</div>
<div id="shaketick6" class="ticker" style="COLOR: #ff0000">
Take cover!
</div>

'인터넷정보' 카테고리의 다른 글

레이어의 상대위치 지정 방법(position:absolute에서...)  (0) 2007.10.12
마우스 주위에 3D 처럼 원을 그리며 도는 글자  (0) 2007.10.12
테두리가 스믈스믈..  (0) 2007.10.12
깜박거리는 문자  (0) 2007.10.12
강한 인상을주는 (?) 환영메세지  (0) 2007.10.12
두문장을 blur 효과주며 보여주기  (0) 2007.10.12
셀 블렌딩  (0) 2007.10.12
키보드 글씨가 그대로 화면에 나타나는 스크립트  (0) 2007.10.12
매일 매일 다른 메세지를 보여줍니다  (0) 2007.10.12
오늘 날짜와 요일  (0) 2007.10.12

두문장을 blur 효과주며 보여주기

인터넷정보2007. 10. 12. 13:32

<STYLE TYPE="text/css">
H2 {font-family: Arial; font-size: 30pt; color: #FF9900; background-color: #ffffff;}
H2.before { color: #FF00FF; background-color: #ffffff;}
</STYLE>

<script>

function filterApply() {
          blendTrans.filters[0].Apply();
          blendTrans.innerHTML = "<h2>아자차카파타하</h2>";
          blendTrans.filters[0].Play(3);
           
}

</script>


<BODY BGCOLOR=#222222 onLoad="filterApply();">

<DIV ID="blendTrans"  STYLE="position: absolute;  width: 300; height: 100; top: 150; left: 180; filter: blendTrans(duration=8)">

<H2 CLASS=before>가나다라마바사</H2>

</DIV>

'인터넷정보' 카테고리의 다른 글

마우스 주위에 3D 처럼 원을 그리며 도는 글자  (0) 2007.10.12
테두리가 스믈스믈..  (0) 2007.10.12
깜박거리는 문자  (0) 2007.10.12
강한 인상을주는 (?) 환영메세지  (0) 2007.10.12
텍스트 지진(?)효과 내기  (0) 2007.10.12
셀 블렌딩  (0) 2007.10.12
키보드 글씨가 그대로 화면에 나타나는 스크립트  (0) 2007.10.12
매일 매일 다른 메세지를 보여줍니다  (0) 2007.10.12
오늘 날짜와 요일  (0) 2007.10.12
홈에 머문시간을 제목표시줄과 상태바에 실시간으로 알려줍니다  (0) 2007.10.12

셀 블렌딩

인터넷정보2007. 10. 12. 13:31

<script language="JavaScript">
<!--
var tInC=null;
var tIdC=null;
var tIdCOn = new Array(0,0,0,0);
var tIdCOff = new Array(1,1,1,1);

function tBgFIn(obj, col,idNum) {
        if(tInC != obj && tInC != null && tIdCOn[idNum] == 0) tBgFOut(tInC,tIdC);       
        if(tIdCOn[idNum] == 0) {
                tIdCOn[idNum] = 1;
                tIdCOff[idNum] = 0;
                tInC=obj;
                tIdC=idNum;
                changeColor(obj, col);
        }
}
function tBgFOut(obj,idNum) {
        if(tIdCOff[idNum] == 0) {
                tIdCOff[idNum] = 1;
                tIdCOn[idNum] = 0;
                changeColor(obj, "#ffffff");
        }
}
function changeColor(obj, col) {
        obj.filters.blendTrans.apply();
        obj.style.backgroundColor= col;
        obj.filters.blendTrans.play();
}

//-->

</script>

<table width="388" height="150" cellpadding="0" cellspacing="1" border="0" bgcolor="#FF00CC">
<tr><td onMouseOver="tBgFIn(bgColorId0, '#A3011B',0)" onMouseOut="tBgFOut(tInC,tIdC)" id="bgColorId0" style="background-color: #ffffff;filter: blendTrans(duration=0.5);" width="182" height="111" align="center"><font size="2" face="돋움">랄랄라<br>순서대로
            마우스를 살짞<br>클릭해 보세요!<br><br>호호호호</font></td><td width="203" height="111" onMouseOver="tBgFIn(bgColorId1, '#FF9900',1)" onMouseOut="tBgFOut(tInC,tIdC)" id="bgColorId1" style="background-color: #ffffff;filter: blendTrans(duration=0.5);" align="center">
            <font size="2" face="돋움">여러가지로,<br>테이블을 늘릴수도있습니다.<br>방법이야,<br>다들
            아시겠죠?</font></td></tr>
</table>
<table width="386" height="150" cellpadding="0" cellspacing="1" border="0" bgcolor="#FF00CC">
<tr><td width="182" height="93" onMouseOver="tBgFIn(bgColorId2, 'lime',2)" onMouseOut="tBgFOut(tInC,tIdC)" id="bgColorId2" style="background-color: #ffffff;filter: blendTrans(duration=0.5);" align="center"><font size="2" face="돋움">이게
            생각보다<br>유용하게 쓰인다구요.<br>음...</font></td><td width="201" height="93" onMouseOver="tBgFIn(bgColorId3, 'aqua',3)" onMouseOut="tBgFOut(tInC,tIdC)" id="bgColorId3" style="background-color: #ffffff;filter: blendTrans(duration=0.5);" align="center"><font size="2" face="돋움">나모에서<br>변형
            가능합니다.<br>소스만 제대로 써주면..<br>ㅎㅎㅎ</font></td></tr></table>
<table width="400" height="20" cellpadding="0" cellspacing="0" border="0">
</table>

'인터넷정보' 카테고리의 다른 글

테두리가 스믈스믈..  (0) 2007.10.12
깜박거리는 문자  (0) 2007.10.12
강한 인상을주는 (?) 환영메세지  (0) 2007.10.12
텍스트 지진(?)효과 내기  (0) 2007.10.12
두문장을 blur 효과주며 보여주기  (0) 2007.10.12
키보드 글씨가 그대로 화면에 나타나는 스크립트  (0) 2007.10.12
매일 매일 다른 메세지를 보여줍니다  (0) 2007.10.12
오늘 날짜와 요일  (0) 2007.10.12
홈에 머문시간을 제목표시줄과 상태바에 실시간으로 알려줍니다  (0) 2007.10.12
마우스 커스 이동,클릭만으로 배경색상을 바꾸어보자  (0) 2007.10.12

키보드 글씨가 그대로 화면에 나타나는 스크립트

인터넷정보2007. 10. 12. 13:30

<SCRIPT>
var numLeft=10
var numTop=10

function load(){
if(event.keyCode==13){
numTop+=20
numLeft=-5
obj=document.all["text"]
obj[obj.length-1].innerHTML="<p>"
}
else{
numLeft+=15
source=box.innerHTML
source=source+"<span id='text' style='position:absolute;top:"+numTop+";left:"+numLeft+";font-size:100;font-weight:bold;'></span>"
box.innerHTML=source
obj=document.all["text"]
chr="&#"+event.keyCode
for(j=0;j<obj.length;j++){
if(obj[j].innerHTML==""){
typing(99,j,chr);
break;
}
}
}
}

function typing(b,i,c){
obj=document.all["text"]
if(b>15){obj[i].innerHTML="<div style='font-weight:bold;font-size:"+b+"'>"+c+"</div>"
b=b-1
setTimeout('typing('+b+','+i+',"'+c+'")',10)
}
}
</SCRIPT>
</HEAD>
<BODY onkeypress=load() id="box">
 
키보드를 눌러보세요.(영어, 엔터만)</font>
<span id="text" style="position:absolute;top:10;left:10;font-size:100;font-weight:bold;face:돋움;color=pink;"></span>

'인터넷정보' 카테고리의 다른 글

깜박거리는 문자  (0) 2007.10.12
강한 인상을주는 (?) 환영메세지  (0) 2007.10.12
텍스트 지진(?)효과 내기  (0) 2007.10.12
두문장을 blur 효과주며 보여주기  (0) 2007.10.12
셀 블렌딩  (0) 2007.10.12
매일 매일 다른 메세지를 보여줍니다  (0) 2007.10.12
오늘 날짜와 요일  (0) 2007.10.12
홈에 머문시간을 제목표시줄과 상태바에 실시간으로 알려줍니다  (0) 2007.10.12
마우스 커스 이동,클릭만으로 배경색상을 바꾸어보자  (0) 2007.10.12
창을 열면 인사하는 간단한 스크립트 - 프롬프트  (0) 2007.10.12

매일 매일 다른 메세지를 보여줍니다

인터넷정보2007. 10. 12. 13:30

<script>
<!--

var today_obj=new Date()
var today_date=today_obj.getDate()

var s=new Array()
// 타이틀로 사용할 메세지 문구를 설정 하세요
var title='<img src="http://www.jasko.co.kr/Images/!.gif"> <b>오늘의 핫 뉴스</b><br>'

// 일자별로 보여줄 메세지를 입력 합니다.
// 하이퍼링크 사용도 가능합니다.
// 모든 메세지는 반드시 홑따옴표 (' ') 안에 있어야 합니다.
// 홑따옴표 안에서는 다시 홑따옴표를 사용하지 못합니다.
// 따옴표를 사용하려면 겹따옴표(" ") 를 사용하세요

s[1]='매월 1 일에 보여줄 메세지를 입력 하세요'
s[2]='매월 2 일에 보여줄 메세지를 입력 하세요'
s[3]='매월 3 일에 보여줄 메세지를 입력 하세요'
s[4]='매월 4 일에 보여줄 메세지를 입력 하세요'
s[5]='매월 5 일에 보여줄 메세지를 입력 하세요'
s[6]='매월 6 일에 보여줄 메세지를 입력 하세요'
s[7]='매월 7 일에 보여줄 메세지를 입력 하세요'

// 아래의 예는 메세지에 하이퍼링크와 폰트 색상을 지정하는 예입니다

s[8]='<a href=http://kr.dailynews.yahoo.com/pg/ro/20011008/100849056.html><font color=blue>2001년 10월 8일 01시에 미국이 아프가니스탄을 공격 했습니다</font></a>'

s[9]='매월 9 일에 보여줄 메세지를 입력 하세요'
s[10]='매월 10 일에 보여줄 메세지를 입력 하세요'
s[11]='매월 11 일에 보여줄 메세지를 입력 하세요'
s[12]='매월 12 일에 보여줄 메세지를 입력 하세요'
s[13]='매월 13 일에 보여줄 메세지를 입력 하세요'
s[14]='매월 14 일에 보여줄 메세지를 입력 하세요'
s[15]='매월 15 일에 보여줄 메세지를 입력 하세요'
s[16]='매월 16 일에 보여줄 메세지를 입력 하세요'
s[17]='매월 17 일에 보여줄 메세지를 입력 하세요'
s[18]='매월 18 일에 보여줄 메세지를 입력 하세요'
s[19]='매월 19 일에 보여줄 메세지를 입력 하세요'
s[20]='매월 20 일에 보여줄 메세지를 입력 하세요'
s[21]='제 생일이랍니다. 축하 해 주세요'
s[22]='매월 22 일에 보여줄 메세지를 입력 하세요'
s[23]='매월 23 일에 보여줄 메세지를 입력 하세요'
s[24]='매월 24 일에 보여줄 메세지를 입력 하세요'
s[25]='매월 25 일에 보여줄 메세지를 입력 하세요'
s[26]='매월 26 일에 보여줄 메세지를 입력 하세요'
s[27]='매월 27 일에 보여줄 메세지를 입력 하세요'
s[28]='매월 28 일에 보여줄 메세지를 입력 하세요'
s[29]='매월 29 일에 보여줄 메세지를 입력 하세요'
s[30]='매월 30 일에 보여줄 메세지를 입력 하세요'
s[31]='매월 31 일에 보여줄 메세지를 입력 하세요'

document.write(title)
document.write(s[today_date])

//-->
</script>

'인터넷정보' 카테고리의 다른 글

강한 인상을주는 (?) 환영메세지  (0) 2007.10.12
텍스트 지진(?)효과 내기  (0) 2007.10.12
두문장을 blur 효과주며 보여주기  (0) 2007.10.12
셀 블렌딩  (0) 2007.10.12
키보드 글씨가 그대로 화면에 나타나는 스크립트  (0) 2007.10.12
오늘 날짜와 요일  (0) 2007.10.12
홈에 머문시간을 제목표시줄과 상태바에 실시간으로 알려줍니다  (0) 2007.10.12
마우스 커스 이동,클릭만으로 배경색상을 바꾸어보자  (0) 2007.10.12
창을 열면 인사하는 간단한 스크립트 - 프롬프트  (0) 2007.10.12
자바스크립트로 변수처리하기!  (0) 2007.10.12

오늘 날짜와 요일

인터넷정보2007. 10. 12. 13:28
<script>
<!--
var mydate=new Date()
var year=mydate.getYear()
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("일요일","월요일","화요일","수요일","목요일","금요일","토요일")
var montharray=new Array("1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월")
document.write("<font color='000000' face='굴림'><b>오늘은 : "+year+"년 "+montharray[month]+" "+daym+"일 ["+dayarray[day]+"]</b></font>");
//-->
</script>

'인터넷정보' 카테고리의 다른 글

텍스트 지진(?)효과 내기  (0) 2007.10.12
두문장을 blur 효과주며 보여주기  (0) 2007.10.12
셀 블렌딩  (0) 2007.10.12
키보드 글씨가 그대로 화면에 나타나는 스크립트  (0) 2007.10.12
매일 매일 다른 메세지를 보여줍니다  (0) 2007.10.12
홈에 머문시간을 제목표시줄과 상태바에 실시간으로 알려줍니다  (0) 2007.10.12
마우스 커스 이동,클릭만으로 배경색상을 바꾸어보자  (0) 2007.10.12
창을 열면 인사하는 간단한 스크립트 - 프롬프트  (0) 2007.10.12
자바스크립트로 변수처리하기!  (0) 2007.10.12
마우스 오버시 그림이 선명해지는 스크립트  (0) 2007.10.12

홈에 머문시간을 제목표시줄과 상태바에 실시간으로 알려줍니다

인터넷정보2007. 10. 12. 13:27
<script>
        var t=new Date();
        t = t.getTime();h();
        function h() {
        var r = new Date();
        n_time = "제홈에 오신지 "+Math.ceil(((r.getTime()-t)/1000))+" 초가 지났네요.";
        document.title = n_time;
        status = n_time;
        setTimeout('h()',200)
        }
</script>

'인터넷정보' 카테고리의 다른 글

두문장을 blur 효과주며 보여주기  (0) 2007.10.12
셀 블렌딩  (0) 2007.10.12
키보드 글씨가 그대로 화면에 나타나는 스크립트  (0) 2007.10.12
매일 매일 다른 메세지를 보여줍니다  (0) 2007.10.12
오늘 날짜와 요일  (0) 2007.10.12
마우스 커스 이동,클릭만으로 배경색상을 바꾸어보자  (0) 2007.10.12
창을 열면 인사하는 간단한 스크립트 - 프롬프트  (0) 2007.10.12
자바스크립트로 변수처리하기!  (0) 2007.10.12
마우스 오버시 그림이 선명해지는 스크립트  (0) 2007.10.12
페이지마다 타이틀 변경하기  (0) 2007.10.12

마우스 커스 이동,클릭만으로 배경색상을 바꾸어보자

인터넷정보2007. 10. 12. 12:20
<A href="#None" onmouseover="document.bgColor='green'">Green</A>

<A href="#None" onmouseover="document.bgColor='green'">Bright Green</A>

<A href="#None" onmouseover="document.bgColor='seagreen'">Sea Green</A>

<A href="#None" onmouseover="document.bgColor='red'">빨강색</A>

<A href="#None" onmouseover="document.bgColor='magenta'">Magenta</A>

<A href="#None" onmouseover="document.bgColor='fusia'">Fusia</A>

<A href="#None" onmouseover="document.bgColor='pink'">Pink</A>

<A href="#None" onmouseover="document.bgColor='purple'">Purple</A>

<A href="#None" onmouseover="document.bgColor='navy'">Navy</A>

<A href="#None" onmouseover="document.bgColor='blue'">파랑색</A>

<A href="#None" onmouseover="document.bgColor='royalblue'">Royal Blue</A>

<A href="#None" onmouseover="document.bgColor='Skyblue'">Sky Blue</A>

<A href="#None" onmouseover="document.bgColor='yellow'">Yellow</A>

<A href="#None" onmouseover="document.bgColor='brown'">Brown</A>

<A href="#None" onmouseover="document.bgColor='almond'">Almond</A>

<A href="#None" onmouseover="document.bgColor='white'">White</A>

<A href="#None" onmouseover="document.bgColor='black'">Black</A>

<A href="#None" onmouseover="document.bgColor='coral'">Coral</A>

<A href="#None" onmouseover="document.bgColor='olivedrab'">Olive Drab</A>

<A href="#None" onmouseover="document.bgColor='orange'">Orange</A>

'인터넷정보' 카테고리의 다른 글

셀 블렌딩  (0) 2007.10.12
키보드 글씨가 그대로 화면에 나타나는 스크립트  (0) 2007.10.12
매일 매일 다른 메세지를 보여줍니다  (0) 2007.10.12
오늘 날짜와 요일  (0) 2007.10.12
홈에 머문시간을 제목표시줄과 상태바에 실시간으로 알려줍니다  (0) 2007.10.12
창을 열면 인사하는 간단한 스크립트 - 프롬프트  (0) 2007.10.12
자바스크립트로 변수처리하기!  (0) 2007.10.12
마우스 오버시 그림이 선명해지는 스크립트  (0) 2007.10.12
페이지마다 타이틀 변경하기  (0) 2007.10.12
스크립트로 쿠키 굽기  (0) 2007.10.12

창을 열면 인사하는 간단한 스크립트 - 프롬프트

인터넷정보2007. 10. 12. 12:17
<script>
var y=window.prompt("이름을 적어 주세요","Chanho, Park")
window.alert(y+ " 님 안녕하세요? 정말 반갑습니다,")
</script>












'인터넷정보' 카테고리의 다른 글

키보드 글씨가 그대로 화면에 나타나는 스크립트  (0) 2007.10.12
매일 매일 다른 메세지를 보여줍니다  (0) 2007.10.12
오늘 날짜와 요일  (0) 2007.10.12
홈에 머문시간을 제목표시줄과 상태바에 실시간으로 알려줍니다  (0) 2007.10.12
마우스 커스 이동,클릭만으로 배경색상을 바꾸어보자  (0) 2007.10.12
자바스크립트로 변수처리하기!  (0) 2007.10.12
마우스 오버시 그림이 선명해지는 스크립트  (0) 2007.10.12
페이지마다 타이틀 변경하기  (0) 2007.10.12
스크립트로 쿠키 굽기  (0) 2007.10.12
블라인드 효과 스크립트  (0) 2007.10.12

자바스크립트로 변수처리하기!

인터넷정보2007. 10. 12. 12:16

form에서 넘어오는 변수를 받아서 자바스크립트로 변수를 읽어서 뿌려줄수 있을것 같아서 ....

get로 넘어오는 ? 이후의  url을 짜르고 맞추고 ...


//==================================================================
// test.html

<script>

function checkIt()
{
form = document.fr;
if(!form.a.value)
{
alert!!("a 값을 적어주세요");
form.a.focus();
return false;
}
if(!form.b.value)
{
alert!!("b 값을 적어주세요");
form.b.focus();
return false;
}

return true;
}

</script>

<form name="fr" method="get" action="test2.html" onSubmit="return checkIt()">
a<input type=text name=a> <br>
b<input type=text name=b> <br>
<input type=submit value=클릭>
</form>

//=================================================================
// test2.html

<script>
Result = new Array;
val = location.search; // url에서 ? 부터의 문자열
val = val.slice(1);    // 첫문자 ? 자르기
val = val.split("&");  // & 배열나누기

for(i=0;i<val.length;i++)
{
tmp = val[i].split("=");  // = 배열나누기
Result[tmp[0]] = tmp[1];
}



// 변수출력
document.write("a 값은 "+Result["a"] +"<br> b 값은 "+Result["b"]);
</script>


post로 넘어오는것은 잡을수없겠죠?

'인터넷정보' 카테고리의 다른 글

매일 매일 다른 메세지를 보여줍니다  (0) 2007.10.12
오늘 날짜와 요일  (0) 2007.10.12
홈에 머문시간을 제목표시줄과 상태바에 실시간으로 알려줍니다  (0) 2007.10.12
마우스 커스 이동,클릭만으로 배경색상을 바꾸어보자  (0) 2007.10.12
창을 열면 인사하는 간단한 스크립트 - 프롬프트  (0) 2007.10.12
마우스 오버시 그림이 선명해지는 스크립트  (0) 2007.10.12
페이지마다 타이틀 변경하기  (0) 2007.10.12
스크립트로 쿠키 굽기  (0) 2007.10.12
블라인드 효과 스크립트  (0) 2007.10.12
사용자 해상도 알아내는 스크립트  (0) 2007.10.12

마우스 오버시 그림이 선명해지는 스크립트

인터넷정보2007. 10. 12. 12:15
------------------
헤드와 헤드사이에
------------------
<script language="JavaScript1.2">
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=20
}


function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=20
else if (window.highlighting)
clearInterval(highlighting)
}
</script>

----------------------
<body> 와 </body>사이에
----------------------
<img src="그림주소" style="filter:alpha(opacity=20)" onmouseover="high(this)" onmouseout="low(this)">

'인터넷정보' 카테고리의 다른 글

오늘 날짜와 요일  (0) 2007.10.12
홈에 머문시간을 제목표시줄과 상태바에 실시간으로 알려줍니다  (0) 2007.10.12
마우스 커스 이동,클릭만으로 배경색상을 바꾸어보자  (0) 2007.10.12
창을 열면 인사하는 간단한 스크립트 - 프롬프트  (0) 2007.10.12
자바스크립트로 변수처리하기!  (0) 2007.10.12
페이지마다 타이틀 변경하기  (0) 2007.10.12
스크립트로 쿠키 굽기  (0) 2007.10.12
블라인드 효과 스크립트  (0) 2007.10.12
사용자 해상도 알아내는 스크립트  (0) 2007.10.12
링크 클릭시 상단으로 이동하지 않게..  (0) 2007.10.12

페이지마다 타이틀 변경하기

인터넷정보2007. 10. 12. 12:15

<html>
  <head>

    <title>지정된 title</title>
  </head>

보통 이렇게 되겠죠.
그런데 중간에 타이틀을 꼭 바꿔야만 하는 경우..


<script language="JavaScript1.2">
  top.document.title = '변경될 타이틀'
</script>

이렇게 사용하시면.. 브라우저의 타이틀바가 바뀝니다.

게시판같은곳에서.. 게시물 읽을때마다 타이틀바가 바뀌게 하는곳에 사용하면 될껍니다.


'인터넷정보' 카테고리의 다른 글

홈에 머문시간을 제목표시줄과 상태바에 실시간으로 알려줍니다  (0) 2007.10.12
마우스 커스 이동,클릭만으로 배경색상을 바꾸어보자  (0) 2007.10.12
창을 열면 인사하는 간단한 스크립트 - 프롬프트  (0) 2007.10.12
자바스크립트로 변수처리하기!  (0) 2007.10.12
마우스 오버시 그림이 선명해지는 스크립트  (0) 2007.10.12
스크립트로 쿠키 굽기  (0) 2007.10.12
블라인드 효과 스크립트  (0) 2007.10.12
사용자 해상도 알아내는 스크립트  (0) 2007.10.12
링크 클릭시 상단으로 이동하지 않게..  (0) 2007.10.12
PHP 구구단 만들기  (0) 2007.10.12

티스토리툴바