제가 사용하고있는 설정대로 일단 넣어보겠습니다~


<head> 와 </head> 사이에 넣어주세요~


  • <style type="text/css">
    .cate_scroll-list {
    position: absolute;
    top: 12px;
    left: 0px;
    border: 1px solid #ccc;
    background-color: #fff;
    width: 200px;
    height: 0px;
    overflow: auto;
    scrollbar-face-color: #DBDBDB;
    scrollbar-track-color: #F4F4F4;
    scrollbar-highlight-color: #DBDBDB;
    scrollbar-3dlight-color: #DBDBDB;
    scrollbar-shadow-color: #DBDBDB;
    scrollbar-darkshadow-color: #DBDBDB;
    scrollbar-arrow-color: #606060;
    }
    </style>


<body> 와 </body> 사이에 넣어주세요~

  • <SCRIPT LANGUAGE="JavaScript">
    <!--
    function startCateScrollScroll() {
    setTimeout("slideCateScroll()", 1);
    }
    function slideCateScroll() {
    var Sel_Height=195; //셀렉트 박스의 세로 크기 지정
    el = document.getElementById("cate_scroll-list");
    if (el.heightPos == null || (el.isDone && el.isOn == false)) {
    el.isDone = false;
    el.heightPos = 1;
    el.heightTo = Sel_Height;
    } else if (el.isDone && el.isOn){
    el.isDone = false;
    el.heightTo = 0; //셀렉트 영역이 닫힐때 크기 지정
    }
    if (Math.abs(el.heightTo - el.heightPos) > 1) {
    el.heightPos += (el.heightTo - el.heightPos) / 10;
    el.style.height = el.heightPos + "px";
    startCateScrollScroll();
    } else {
    if (el.heightTo == Sel_Height) {
    el.isOn = true;
    } else {
    el.isOn = false;
    }
    el.heightPos = el.heightTo;
    el.style.height = el.heightPos + "px";
    el.isDone = true;
    }
    }
    //-->
    </SCRIPT>




메뉴를 보여줄 위치에 넣어주세요~

<div id="cate_scroll" style="background-repeat:no-repeat; position:relative; left:0; top:0px;">
<span style="width:100%;height:45px;cursor: pointer" onclick="slideCateScroll()"><font color=black><b>메뉴 열기/닫기</b></span>
<div id="cate_scroll-list" class="cate_scroll-list" style="line-height:17px; padding-top:5; padding-right:5; padding-bottom:5; padding-left:20; overflow: auto;">


<table style="border:solid 1px silver;" cellpadding="1" cellspacing="1" width="200"bgcolor="white">
                <tr>
                <td width="200" style="border-bottom:1px silver solid" bgcolor="white" align=center><p>
<a href="http://jihansome.tistory.com">Home</a>
</p>    
</td>
                </tr>
                <tr>
                <td width="200" style="border-bottom:1px silver solid" bgcolor="white" align=center><p>
<a href="http://jihansome.tistory.com/guestbook">Guest Book</a>
</p>
</td>
                </tr>
                <tr>
                <td width="200" style="border-bottom:1px silver solid" bgcolor="white" align=center><p><a href="http://jihansome.tistory.com/rss">RSS</a></p>     </td>
                </tr>
                <tr>
                <td width="200" style="border-bottom:1px silver solid" bgcolor="white" align=center><p><a href=# onClick="window.external.AddFavorite(parent.location.href, document.title);">Favorite</a> </p>     </td>
                </tr>
                <tr>
                <td width="200" style="border-bottom:1px silver solid" bgcolor="white" align=center><p><a href="http://jihansome.tistory.com/tag">Tag Log</a></p>
</td>
                </tr>
                <tr>
                <td width="200" style="border-bottom:1px silver solid" bgcolor="white" align=center><p><a href="http://jihansome.tistory.com/owner">Admin</a></p>     </td>
                </tr>
                <tr>
                <td width="200" style="border-bottom:1px silver solid" bgcolor="white" align=center><p><a href="http://jihansome.tistory.com/owner/entry/post">New post</a></p>     </td>
                </tr>
        </table>

<br>

<table style="border:solid 1px silver;" cellpadding="1" cellspacing="1" width="200"bgcolor="white">
                <tr>
                <td width="200" style="border-bottom:1px silver solid" bgcolor="white" align=center>
<a href="http://cfs.tistory.com/custom/blog/12/121120/skin/images/tagnote.html" target=_blank>태그연습장</a>
                </td>
                </tr>

                <tr>
                <td width="200" style="border-bottom:1px silver solid" bgcolor="white" align=center>
<a href="http://cfs.tistory.com/custom/blog/12/121120/skin/images/scrollbar_maker.html" target=_blank>스크롤바 제작</a>
                </td>
                </tr>
        </table>

</div>
</div>

Posted by 승호/

댓글을 달아 주세요

  1. BlogIcon 제논~★ 2009.01.01 15:54 신고  댓글주소  수정/삭제  댓글쓰기

    이것참 ㅠ 특이한데요:)
    승호님의 블로그는 로딩할께 많은지 느린 제컴퓨터에서는 30초나 지나야 메인 전체가 나오네요.
    으흐

    • BlogIcon 승호/ 2009.01.01 20:30 신고  댓글주소  수정/삭제

      헉... 로딩 느린가요..;;???

      최적화 시켜보도록 노력해보겠습니다~~ ㅠㅠ...
      아마 올블릿 광고의 영향이 큰듯 싶네요... ㅠㅠ,,;

<body> 와 </body> 사이에 넣어주시면 됩니다~~



<!-- box start -->
<table width=100% border=0  cellpadding=0 cellspacing=0
bgcolor=''
cellpadding=0 cellspacing=0>
<tr><td>
<!-- 간단한 계산기 -->
<center>
<table border=0 width=100% valign=top><tr><td align=center bgcolor=e5e5e5 height=30>
<b>간단한 계산기</b>
</td></tr>
<tr><td align=center>
<form name="Calculator">
<table border="2" cellspacing="3" bordercolor="black" bordercolorlight="black" bordercolordark="black">
<tr>
  <td colspan=4>
   <input type="text" name="answer" size="15" value="">
  </td>
</tr>
<tr valign="top">
  <td>
   <input type="button" name="times" size="80" value=" * " onClick="document.Calculator.answer.value += '*'">
  </td>
  <td>
   <input type="button" name="divided" size="80" value=" / " onClick="document.Calculator.answer.value += '/'">
  </td>
  <td>
   <input type="button" name="minus" size="80" value=" - " onClick="document.Calculator.answer.value += '-'">
  </td>
  <td>
   <input type="button" name="minus" size="80" value=" C " onClick="document.Calculator.answer.value = ''">
  </td>
</tr>
<tr valign="top">
  <td>
   <input type="button" name="seven" size="80" value=" 7 " onClick="document.Calculator.answer.value += '7'">
  </td>
  <td>
   <input type="button" name="eight" size="80" value=" 8 " onClick="document.Calculator.answer.value += '8'">
  </td>
  <td>
   <input type="button" name="nine" size="80" value=" 9 " onClick="document.Calculator.answer.value += '9'">
  </td>
  <td>
   <input type="button" name="zero" size="80" value=" 0 " onClick="document.Calculator.answer.value += '0'">
  </td>
</tr>
<tr>
  <td>
   <input type="button" name="four" size="80" value=" 4 " onClick="document.Calculator.answer.value += '4'">
  </td>
  <td>
   <input type="button" name="five" size="80" value=" 5 " onClick="document.Calculator.answer.value += '5'">
  </td>
  <td>
   <input type="button" name="six" size="80" value=" 6 " onClick="document.Calculator.answer.value += '6'">
  </td>
  <td>
   <input type="button" name="equals" size="80" value=" = " onClick="document.Calculator.answer.value = eval(document.Calculator.answer.value)">
  </td>
</tr>
<tr>
  <td>
   <input type="button" name="one" size="80" value=" 1 " onClick="document.Calculator.answer.value += '1'">
  </td>
  <td>
   <input type="button" name="two" size="80" value=" 2 " onClick="document.Calculator.answer.value += '2'">
  </td>
  <td>
   <input type="button" name="three" size="80" value=" 3 " onClick="document.Calculator.answer.value += '3'">
  </td>
  <td>
   <input type="button" name="plus" size="80" value=" + " onClick="document.Calculator.answer.value += '+'">
  </td>
</tr>
</table>

</td></tr></table>
<!-- 간단한 계산기 -->
</td></tr>
<tr height=22><td bgcolor=''><a href='' target=''></a></td></tr>

</td></tr></table>
<!-- box end -->

'비공개 > 종료' 카테고리의 다른 글

웃긴 사진 모음 033  (0) 2008.10.02
웃긴 사진 모음 032  (0) 2008.10.02
웃긴 사진 모음 031  (0) 2008.10.02
html 스크립트 - 계산기  (0) 2008.09.29
html 스크립트 - 상태바의 링크주소 숨기기  (0) 2008.09.29
웃긴 사진 모음 030  (0) 2008.09.28
웃긴 사진 모음 029  (0) 2008.09.28
Posted by 승호/

댓글을 달아 주세요

링크에 마우스를 대면 상태바에 링크주소가 보입니다.
이것을 가려주는 자바스크립트 소스입니다.

<body>와 </body> 사이에 넣어주세요~~

<script language="JavaScript">
<!--
function hidestatus()
{
window.status=''
return true
}
if (document.layers)
document.captureEvents(Event.mouseover | Event.mouseout)
document.onmouseover=hidestatus
document.onmouseout=hidestatus
// -->
</script>

모든 링크에 적용됩니다~

'비공개 > 종료' 카테고리의 다른 글

웃긴 사진 모음 032  (0) 2008.10.02
웃긴 사진 모음 031  (0) 2008.10.02
html 스크립트 - 계산기  (0) 2008.09.29
html 스크립트 - 상태바의 링크주소 숨기기  (0) 2008.09.29
웃긴 사진 모음 030  (0) 2008.09.28
웃긴 사진 모음 029  (0) 2008.09.28
웃긴 사진 모음 028  (0) 2008.09.28
Posted by 승호/

댓글을 달아 주세요

보기로는 그럭저럭 멋있는 스크립트죠 ㅎㅎ///
한번 해보시길.. ㅎㅎ///



<html>
<head>
<title>글씨가 뒤섞여나타나 정열합니다</title>

<script language=javascript>
<!--/
var data="A45C$kD?G~HJ&#51410;K#N?1a23@5?7*8"; //섞이는 글씨.
var done=1;

function Desencr(DesencrText, max, delay){
if (done){
done = 0;
Desencr_helper(DesencrText, max, delay, 0, max);
}
}

function Desencr_helper(DesencrText, runs_left, delay, charvar, max){
if (!done){
runs_left = runs_left - 1;
var status = DesencrText.substring(0,charvar);
for(var current_char = charvar; current_char < DesencrText.length; current_char++){
status += data.charAt(Math.round(Math.random()*data.length));
}

if(document.layers){
writeText="document.textoDes.document.write('')"
closeDesencr="document.textoDes.document.close()"
finelineColor=""
finelineSize=""
finelineFont=""
}else if (document.all){
writeText='document.all.textoDes.innerText=status'
finelineSize='document.all.textoDes.style.fontSize=15'
closeDesencr=""
finelineColor="document.all.textoDes.style.color='#000000'"
finelineFont="document.all.textoDes.style.fontFamily='verdana'"
}
eval(writeText);eval(closeDesencr);eval(finelineSize);eval(finelineFont);eval(finelineColor)

var rerun = "Desencr_helper('" + DesencrText + "'," + runs_left + "," + delay + "," + charvar + "," + max + ");"
var new_char = charvar + 1;
var next_char = "Desencr_helper('" + DesencrText + "'," + max + "," + delay + "," + new_char + "," + max + ");"

if(runs_left > 0){
setTimeout(rerun, delay);
}else{
if (charvar < DesencrText.length){
setTimeout(next_char, Math.round(delay*(charvar+3)/(charvar+1)));
}else{
done = 1;
}
}
}
}

function escribe(){
Desencr('안녕하세요~^^ 승호의 블로그에 오신걸 환영합니다~^^@@ ',3,10); //나타낼 메세지
}
/-->
</SCRIPT>

</head>

<body bgcolor="#FFFFFF" text="#000000" onload="escribe()">

<center><DIV ID="textoDes"></DIV></center>

</body>
</html>


Posted by 승호/

댓글을 달아 주세요

많이 쓰이지 않고,,,
쓸데가 별로 없지만...
일단 올려놓겠습니다;;;
참고하실분 참고하시고요<<
연습도 해보세요~<<~



<html>
<head>
<title>마우스 커서에 생기는 십자교차선.</title>

<style>
<!--
#leftright, #topdown{
position:absolute;
left:0;
top:0;
width:1px;
height:1px;
layer-background-color:black;
background-color:black;
z-index:100;
font-size:1px;
}
-->
</style>

</head>


<body bgcolor="#207400" text="#ffffff" link="#ffffff">

<div id="leftright" style="width:expression(document.body.clientWidth-2)"></div>
<div id="topdown" style="height:expression(document.body.clientHeight-2)"></div>

<script language="JavaScript1.2">
<!--
if (document.all&&!window.print){
leftright.style.width=document.body.clientWidth-2
topdown.style.height=document.body.clientHeight-2
}
else if (document.layers){
document.leftright.clip.width=window.innerWidth
document.leftright.clip.height=1
document.topdown.clip.width=1
document.topdown.clip.height=window.innerHeight
}
function followmouse1(){
//move cross engine for IE 4+
leftright.style.pixelTop=document.body.scrollTop+event.clientY+1
topdown.style.pixelTop=document.body.scrollTop
if (event.clientX<document.body.clientWidth-2)
topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1
else
topdown.style.pixelLeft=document.body.clientWidth-2
}

function followmouse2(e){
//move cross engine for NS 4+
document.leftright.top=e.y+1
document.topdown.top=pageYOffset
document.topdown.left=e.x+1
}

if (document.all)
document.onmousemove=followmouse1
else if (document.layers){
window.captureEvents(Event.MOUSEMOVE)
window.onmousemove=followmouse2
}

function regenerate(){
window.location.reload()
}
function regenerate2(){
setTimeout("window.onresize=regenerate",400)
}
if ((document.all&&!window.print)||document.layers)
window.onload=regenerate2

//-->
</script>

</body>
</html>

 

Posted by 승호/

댓글을 달아 주세요

제목 그대로죠.. ㅎㅎ/
페이지 오른쪽하단의 위 아래 버튼에 마우스가 올라가면 위아래로 스크롤되는 스크립트입니다...
쓸데가 좀 있을듯 하네요 ㅎㅎ///

<HTML>
<HEAD>
<TITLE>버튼위로 마우스 올리면 자동으로 아래, 위로 스크롤되는 스크립트</TITLE>
</HEAD>

<BODY>

<div id="staticbuttons" style="position:absolute;">
<a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0">▲</a><br>
<a href="javascript:" onmouseover="myspeed=thespeed" onmouseout="myspeed=0">▼</a>
</div>


<script>
var Hoffset=70
var Voffset=80
var thespeed=3 //스크롤속도 1-3

var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
var myspeed=0

var ieHoffset_extra=document.all? 15 : 0
var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function positionit(){
var dsocleft=document.all? iecompattest().scrollLeft : pageXOffset
var dsoctop=document.all? iecompattest().scrollTop : pageYOffset
var window_width=ieNOTopera? iecompattest().clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra
var window_height=ieNOTopera? iecompattest().clientHeight : window.innerHeight

if (document.all||document.getElementById){
cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset+"px"
cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset+"px"
}
else if (document.layers){
cross_obj.left=dsocleft+window_width-Hoffset
cross_obj.top=dsoctop+window_height-Voffset
}
}

function scrollwindow(){window.scrollBy(0,myspeed)}

function initializeIT(){
positionit()
if (myspeed!=0){scrollwindow()}
}

if (document.all||document.getElementById||document.layers)
setInterval("initializeIT()",20)

</script>


</BODY>
</HTML>


 

Posted by 승호/

댓글을 달아 주세요

 홈페이지에 적용시켜보면..
그럭저럭 쓸만하네요~^^//
잘 쓰세요~^^

<html>
 <head>
   <title>불꽃놀이를 하는듯한 홈페이지 배경.</title>

<style type="text/css">
body { overflow-x: hidden; }
v\:* { behavior: url(#default#VML); }
</style>


 </head>

<body bgcolor="black">

<script language="JavaScript">

//Customize fireworks colors:
colors = new Array();
colors[0] = new Array('yellow', 'lime');
colors[1] = new Array('silver', 'green')
colors[2] = new Array('silver', 'blue');
colors[3] = new Array('silver', 'purple');
colors[4] = new Array('purple', 'white');
colors[5] = new Array('blue', 'silver');
colors[6] = new Array('red', 'fuchsia');
colors[7] = new Array('yellow', 'red');

maximum = 1000;

vmlobj='';
for(i = 0; i < 12; i++){
vmlobj += '<div id="ster'+i+'" style="position:absolute; left:-50px; top-50px; visibility:hidden; z-index:50;">';
vmlobj += '<v:shape style="width:15px; height:15px;" fillcolor="yellow" coordorigin="0,0" coordsize="200 200">';
vmlobj += '<v:path v="m 8,65 l 72,65, 92,11, 112,65, 174,65, 122,100, 142,155,92,121, 42,155, 60,100 x e"/>';
vmlobj += '<v:stroke on="false" /></v:shape></div>';
}
document.write(vmlobj); vmlobj = null;

aantal = 0;

function begin()
{
try {
if(aantal == maximum){ return;}
kleurschema = Math.floor(Math.random() * colors.length);
posLinks = Math.floor(Math.random() * (document.body.clientWidth - 180));
posLinks = (posLinks < 170)? 170: posLinks;
posBoven = Math.floor(Math.random() * (document.body.clientHeight - 180));
posBoven = (posBoven < 170)? 170: posBoven;
straal = 0; uiteen = true; teller = 1; flikkereffect = false;
for(var i = 0; i < 12; i++){
document.getElementsByTagName('shape')[i].setAttribute('fillcolor', colors[kleurschema][0]);
document.getElementById('ster'+i).style.visibility = 'hidden'; // 5.0 fix
document.getElementById('ster'+i).style.left = posLinks;
document.getElementById('ster'+i).style.top = posBoven;
}
document.getElementById('ster0').style.top = (document.body.clientHeight - 20);
document.getElementById('ster0').style.visibility = 'visible';
omhoog();
} catch(e){}
}

function omhoog()
{
try {
positie = parseInt(document.getElementById('ster0').style.top);
if(positie > posBoven){
document.getElementById('ster0').style.top = (positie - 25);
setTimeout('omhoog()', 50);
} else {
for(i = 1; i < 12; i++){
document.getElementById('ster'+i).style.top = positie;
document.getElementById('ster'+i).style.visibility = 'visible';
}
uiteenspatten();
}
} catch(e){}
}

function uiteenspatten()
{
try {
if(straal > 120 && straal % 10 == 0){
flikkereffect = true;
teller = (teller == colors[kleurschema].length)? 0: (teller+1);
}
for(var i = 0; i < 12; i++){
var hoek = i * 30;
var piHoek = Math.PI - Math.PI / 180 * hoek;
var links = posLinks + Math.round(straal * Math.sin(piHoek));
var boven = positie + Math.round(straal * Math.cos(piHoek));
document.getElementById('ster'+i).style.left = links;
document.getElementById('ster'+i).style.top = boven;
if(flikkereffect){
document.getElementsByTagName('shape')[i].setAttribute('fillcolor', colors[kleurschema][teller]);
}
}
if(straal < 160 && uiteen){
straal += (straal < 120)? 10: 5;
setTimeout('uiteenspatten()', 50);
}
else if(straal > 120){
uiteen = false; straal -= 5;
setTimeout('uiteenspatten()', 50);
}
else if(straal <= 120){
for(var i = 0; i < 12; i++){
document.getElementById('ster'+i).style.visibility = 'hidden';
}
aantal++;
setTimeout('begin()', 500);
}
} catch(e) {}
}

window.onload=begin;

</script>
<![endif]-->

</body>
</html>


Posted by 승호/

댓글을 달아 주세요

  1. fdfds 2011.12.16 22:13  댓글주소  수정/삭제  댓글쓰기

    감사합니다.......................

<html>
<head>
<title>웹페이지 열림효과를 주는 스타일시트 입니다.</title>

<style type="text/css">
.header{font-family:verdana,arial,helvetica; font-size:30pt; font-weight:bold; color:#003399; filter:DropShadow(color=#CCCCCC, offX=2, offY=2, positive=1); width:100%}
.content{font-family:verdana,arial,helvetica; font-size:10pt}
.link{font-family:verdana,arial,helvetica; font-size:10pt; color:#003399}
.link:hover{font-family:verdana,arial,helvetica; font-size:10pt; color:#CC0000}
</style>
</head>
<BODY bgcolor="#207400" text="#ffffff" link="#ffffff" scroll="no">


<script language="JavaScript">
<!----
var width=document.body.clientWidth;
var height=document.body.clientHeight;

function doClickText(who,type,step,timeOut) {
document.getElementById(who).style.display="none";
if(type==0) {
 reveal('revealDiv1',step,timeOut,0);
 reveal('revealDiv2',step,timeOut,1);
}
if(type==1) {
reveal('revealDiv1',step,timeOut,2);
reveal('revealDiv2',step,timeOut,3); }
}

//////////////////////
// Reveal! function //
//////////////////////
function reveal(who,step,timeOut,type) {
if(type==0)
 var where="top";
if(type==1)
 var where="bottom";
if(type==2)
 var where="left";
if(type==3)
 var where="right";
eval('var temp=document.getElementById(who).style.'+where);
temp=parseInt(temp);
if(type==0||type==1)
 var checkWith=height/2;
if(type==2||type==3)
 var checkWith=width/2;
if(-temp<checkWith) {
 temp-=step;
 
eval('document.getElementById(who).style.'+where+'=temp;');
 
setTimeout("reveal('"+who+"',"+step+",'"+timeOut+"',"+type+")", timeOut);
}
else {
document.getElementById(who).style.display="none";
document.body.scroll="yes"; }
}


function initReveal(type,div1bg,div2bg,div1bw,div2bw,div1bc,div2bc,step,timeOut,click) {
if(type==0) {
var bWhere1="border-bottom";
var bWhere2="border-top";
var putZero1="top:0px; left:0px";
var putZero2="bottom:0px; left:0px";
 
document.write('<div id="revealDiv1" style="z-index:100; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"></div>');
 
document.write('<div id="revealDiv2" style="z-index:100; display:block; position:absolute; '+putZero2+'; background:'+div2bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere2+':'+div2bc+' solid '+div2bw+'px"></div>');
 
if(!click) {
reveal('revealDiv1',step,timeOut,0);
reveal('revealDiv2',step,timeOut,1);
 }
else {
clickText(type,step,timeOut);
 }
}
if(type==1) {
var bWhere1="border-right";
var bWhere2="border-left";
var putZero1="top:0px; left:0px";
var putZero2="top:0px; right:0px";
 
document.write('<div id="revealDiv1" style="z-index:100; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"></div>');
 
document.write('<div id="revealDiv2" style="z-index:100; display:block; position:absolute; '+putZero2+'; background:'+div2bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere2+':'+div2bc+' solid '+div2bw+'px"></div>');
 
if(!click) {
reveal('revealDiv1',step,timeOut,2);
reveal('revealDiv2',step,timeOut,3); }
 else {
clickText(type,step,timeOut);
 }
}
function clickText(type,step,timeOut) {

document.write('<div id="clickText" style="z-index:101; display:block; position:absolute; top:'+(height/2-clickh/2-clickb)+'; left:'+(width/2-clickw/2-clickb)+'"><table style="border:'+clickc+' solid '+clickb+'px; background:'+clickbg+' ;width:'+clickw+'px; height:'+clickh+'; '+clickFont+'; cursor:hand; cursor:pointer" onClick="doClickText(\'clickText\','+type+','+step+','+timeOut+')"><tr><td align="middle">'+clickt+'</td></tr></table></div>');
 }
}
----->
</script>

<script language="JavaScript">
<!----
/*
처음나타나는 화면의 중앙에 나타나는 박스안의 글자설정입니다
*/
var clickw=250;  // 넓이
var clickh=30;  // 높이
var clickb=2;  // 테두리두께
var clickc="#207400"; // 테두리색상
var clickbg="#000000"; // 바탕색상
var clickt="안녕하세요~^^"; // 문자메세지
var clickFont="font-family:휴먼매직체; font-size:18pt; font-weight:bold; color:#FFFFFF";  // 글자의 형태지정


new initReveal(0,'#22aa66','#22aa66',1,1,'#44ff00','#cc0088',5,10,true);  //여기서설정순서를 보면(0또는1,0은상하 1은좌우로열리며 다음의2개는 양측의색상지정, 색상다음두개의숫자는 경계선두께, 다음의 두개는 경계선색상 색상다음숫자는 열리는속도(숫자가크면 빨라짐),다음은 신경안써도 상관없구요
--->
</script>

</body>
</html>



 

Posted by 승호/

댓글을 달아 주세요

홈페이지에 배경이미지를 고정시키는 스타일시트 입니다..
티스토리 블로그에도 배경이미지 고정시킬 수는 있지만,
이 방법은 먹히지 않습니다...//


 
<html>
 <head>
  <title>배경이미지 고정시키는 스타일시트</title>

<style type="text/css">
body {background:#207400 url('이미지 파일 주소') no-repeat fixed center middle}
</style>
 </head>

<body>


</body>
</html>



티스토리 배경이미지 고정태그는 다음에 올리도록 하겠습니다...

Posted by 승호/

댓글을 달아 주세요

익스플로러 창의 가운데로 아래의 특수문자가 빨려들어갑니다.
홈페이지에 쓰이기에는 좀 부적절하면서도..
정신없네요...
컴퓨터가 좀 느리신분들은..
이 스크립트에 좀 무리가 있군요...;;
비추합니다.......

 
<html>
<head>
<title>가운데로 빨려들어가는 글씨</title>

<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">

<script language="JavaScript">
if (document.all){
yourLogo="★☆*#&*@§※☆★○☆★⊙";
logoFont='돋움';
logoColor='silver';
yourLogo=yourLogo.split('');
L=yourLogo.length;
H=0;
W=0;
R=0;
E=0;
MY=0;
MX=0;
Wd=0;
Hd=0;
F=new Array();
Y=new Array();
X=new Array();
S=new Array();
A=new Array();
B=new Array();

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:0;left:0;width:10px;height:10px;'
+'font-family:'+logoFont+';font-size:50px;color:'+logoColor+'">'+yourLogo[i]+'</div>');
document.write('</div></div>');

function Set(){
for (i=0; i < L; i++){
H=window.document.body.offsetHeight;
W=window.document.body.offsetWidth;
A[i]=Math.round(Math.random()*H);
B[i]=Math.round(Math.random()*W);
S[i]=Math.random()*0.07+0.05;
R=Math.round(Math.random()*3);
E=Math.round(Math.random()*2500+50)
if (R == 3) B[i]=-E;
if (R == 2) B[i]=W+E;
if (R == 1) A[i]=-E;
if (R == 0) A[i]=H;
F[i]=W/10;
}
}
Set();

function Assign(){
outer.style.top=document.body.scrollTop;
for (i=0; i < L; i++){
F[i]-=S[i]*55;
if (F[i] < 2) F[i]=1;
ie[i].style.top =Y[i];
ie[i].style.left=X[i];
ie[i].style.fontSize=F[i];
}
}
function fly(){
MY=window.document.body.clientHeight/2;
MX=window.document.body.clientWidth/2;
Wd=Math.round(Math.random()*40+5);
Hd=Math.round(Math.random()*30+5);
for (i=0; i < L; i++)
{
Y[i]=A[i]+=(MY-A[i])*(S[i]);
X[i]=B[i]+=(MX-B[i])*(S[i]);
if ((X[i] > MX-Wd) && (X[i] < MX+Wd) && (Y[i] > MY-Hd) && (Y[i] < MY+Hd)){
H=window.document.body.offsetHeight;
W=window.document.body.offsetWidth;
A[i]=Math.round(Math.random()*H);
B[i]=Math.round(Math.random()*W);
S[i]=Math.random()*0.05+0.05;
R=Math.round(Math.random()*3);
E=Math.round(Math.random()*50+50)
if (R == 3) B[i]=-E;
if (R == 2) B[i]=W+E;
if (R == 1) A[i]=-E;
if (R == 0) A[i]=H+E;
}
if ((X[i] < 0) || (X[i] > W) || (Y[i] < 0) || (Y[i] > H))
F[i]=W/10;
}
Assign();
setTimeout('fly()',20);
}
window.onload=fly;
}

</script>

</head>

<body bgcolor="#000000">

</body>
</html>


수고하셨습니다~<<

Posted by 승호/

댓글을 달아 주세요

  1. BlogIcon 카이♪ 2008.04.09 08:00 신고  댓글주소  수정/삭제  댓글쓰기

    어렵다..;;
    이거 할려면 저걸 다 외어야 되는거야???

    • BlogIcon 승호/ 2008.04.09 13:07 신고  댓글주소  수정/삭제

      커헛...

      이걸 어떻게외워 ㅋㅋㅋ;;;

      필요할때 복사, 붙여넣기하는거야 ㅎㅎ;;;

      메모장파일에다가 종류별로 저장시켜놓고 따로따로 필요할때 붙여넣기한다는.. ㅎㅎ

글씨가 파도를탑니다...
꽤 쓸만하네요 ㅎㅎ///
눈이 심심하지는 않을거같은스크립트...


<html>
 <head>
   <title>글씨가 파도를 탑니다...</title>


<script>
mes=new Array();
mes[0]=-1;
mes[1]=-4;
mes[2]=-7;
mes[3]=-10;
mes[4]=-7;
mes[5]=-4;
mes[6]=-1;
num=0;
num2=0;
txt="";
function jump0(){
if(message.length > 6){
for(i=0;i !=message.length;i++){
txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>";
}
jump.innerHTML=txt;txt="";
jump1a();
}
else{ alert("Your message is to short");}
}

function jump1a(){
n0.style.left=-num2;
if(num2 != 9){
num2=num2+3;
setTimeout("jump1a()",50);}
else{jump1b();}
}

function jump1b(){
n0.style.left=-num2;
if(num2 != 0){num2=num2-3;setTimeout("jump1b()",50);}
else{jump2();}
}

function jump2(){
txt="";
for(i=0;i != message.length;i++){
if(i+num >-1 && i+num < 7){
txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>";}
else{
txt=txt+"<span>"+message.charAt(i)+"</span>"}};
jump.innerHTML=txt;txt="";
if(num != (-message.length)){
num--;setTimeout("jump2()",50)};
else{num=0;setTimeout("jump0()",50)};
}
</script>

</head>

<body bgcolor="#FFFFFF" text="#000000">

<center><B><div id="jump" ></div></B></center>

<script>
message="~~~~~~~파도타는거같나요<<???~~~~~~~"
jump0()
</script>

</body>
</html>



수고하셨습니다~^^/

Posted by 승호/

댓글을 달아 주세요

  1. 2009.07.14 22:29  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  2. BlogIcon 한소희 2009.07.14 22:29  댓글주소  수정/삭제  댓글쓰기

    아주좋아여

 직접 연습해보고 확인해보세요...
마음에 안드시는분들도 은근히 많을거같은스크립트죠...
컴퓨터가 좀 느리면.... 이 텍스트뜨는데에만 시간이 좀 걸린다죠..?
초기화면부터 정신도 없어지고요...
저는 개인적으로 비추합니다...

<HTML>
 <HEAD>
  <TITLE>초기화면에 쓰면 어울릴 텍스트 스크립트</TITLE>

<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/>

<style type="text/css">
v\:* { behavior: url(#default#VML); }
</style>

 </HEAD>

<BODY bgcolor="#207400" text="#ffffff" link="#ffffff">

<script type="text/javascript">

// 나타나는 메세지 쓰는곳
var message=new Array(http://jihansome.tistory.com, "안녕하세요~", "즐거운 시간 되세요~")

// 테두리 color
var outlinecolor=new Array("black", "black")

// 사각형 색상지정
var fillcolor1=new Array("gray", "green", "white", "green")
// 메세지 색상지정
var fillcolor2=new Array("blue", "olive", "black", "lime")
//테두리문양
var circlemark=new Array("-")
var strkweight=2
// 메세지가 출력되어 멈추는 시간(초)
var pause=2
var strengthopacity="70%"
// (values range from 0.1 to 1)
var circlesize=0.5
var keepinview="yes"

// 아랫부분은 수정 불가!

mytruebody=(!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body //Dynamicdrive added object

var outerwidth=mytruebody.clientWidth
var outerheight=mytruebody.clientHeight

var innerwidth=Math.floor(circlesize*outerwidth)
var innerheight=Math.floor(circlesize*outerheight)

var posleft=(outerwidth-innerwidth)/2
var postop=(outerheight-innerheight)/2

var path=new Array()
var i_message=0
var i_outlinecolor=0
var i_fillcolor1=0
var i_fillcolor2=0
var i_messagelength=0
var longestmessage=0
pause*=1000

var ie=document.getElementById&&document.all?1:0

for (i=0;i<=message.length-1;i++) {
if (message[i].length>longestmessage) {
longestmessage=message[i].length
}
longestmessage+=4
}

for (i=0;i<=message.length-1;i++) {

var emptyspace=""
var i_emptyspace=(longestmessage-message[i].length)/2
for (ii=0;ii<=i_emptyspace;ii++) {
 emptyspace+=circlemark }
message[i]=emptyspace+" "+message[i]+" "+emptyspace }

function changeform() {
if (keepinview=="yes") //DD added
document.getElementById("roofid").style.top=mytruebody.scrollTop //DD added
if (i_outlinecolor >= outlinecolor.length) {i_outlinecolor=0}
if (i_fillcolor1 >= fillcolor1.length) {i_fillcolor1=0}
if (i_fillcolor2 >= fillcolor2.length) {i_fillcolor2=0}
document.getElementById('strokeid').color=outlinecolor[i_outlinecolor]
 document.getElementById('fillid').color=fillcolor1[i_fillcolor1]
 document.getElementById('fillid').color2=fillcolor2[i_fillcolor2]
 if (i_message < message.length) {tick()}
 else {document.getElementById('textpathid').string=""
 document.getElementById("roofid").style.display="none" //DD added
 }
}

function tick() {
if (i_messagelength <= message[i_message].length) {
var messagestringend=""
var messagestring=message[i_message].substring(0, i_messagelength)+messagestringend
document.getElementById('textpathid').string=messagestring
var timer=setTimeout("tick()",50)
i_messagelength++ }
else {
clearTimeout(timer)
i_messagelength=0
i_message++
i_outlinecolor++
i_fillcolor1++
i_fillcolor2++
var timer=setTimeout("changeform()",pause) }
 
}

if (ie) {
document.write('<div id="roofid" style="position:absolute;left:0px;top:0px;width:'+outerwidth+'px;height:'+outerheight+'px;overflow:hidden;">')
 
document.write('<v:oval id="tc" style="position:absolute;top:'+postop+'px;left:'+posleft+'px;width:'+innerwidth+'px;height:'+innerheight+'px">')
 
document.write('<v:shadow on="t" opacity="'+strengthopacity+'"/>')
 
document.write('<v:stroke id="strokeid" weight="'+strkweight+'pt" color="blue"/>')
 
document.write('<v:fill id="fillid" on="True" color="'+fillcolor1[0]+'" color2="'+fillcolor2[0]+'" opacity="'+strengthopacity+'" opacity2="'+strengthopacity+'" type="gradient"/>')
 
document.write('<v:path textpathok="t"/>')
 
document.write('<v:textpath id="textpathid" on="t" id="mytp" style="font-family:\'Arial Black\'; " fitpath="t" string=""/>')
 
document.write('</v:oval></div>')
if (window.attachEvent) //DD added code
window.attachEvent("onload", changeform) //DD added code
else
window.onload=changeform
}
</script>

</BODY>
</HTML>


Posted by 승호/

댓글을 달아 주세요

말 그대로 마우스 오른쪽 버튼을 사용하면 메시지 창이 뜨는 스크립트입니다...
별로 추천하지는 않습니다...
이걸 쓰는바에야 아예 오른쪽버튼을 막는 스크립트 추천합니다...

<HTML>
 <HEAD>
   <TITLE> 마우스 오른쪽 버튼사용 메시지 출력 스크립트  </TITLE>

<SCRIPT LANGUAGE="JavaScript1.1">
<!-- Begin
function right(e) {
if (navigator.appName == 'Netscape' &&
(e.which == 3 || e.which == 2))
return false;
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("마우스 오른쪽 버튼은 사용이 금지되어 있습니다~!!!");
return false;
}
return true;
}

document.onmousedown=right;
document.onmouseup=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
if (document.layers) window.captureEvents(Event.MOUSEUP);
window.onmousedown=right;
window.onmouseup=right;
//  End -->
</script>

</HEAD>

<BODY>


</BODY>
</HTML>


Posted by 승호/

댓글을 달아 주세요

이미지 파일 주소 << 여기에는 되도록 가로 14, 세로 14 픽셀 이하의 gif 그림파일을 넣어주세요~<<


<html>
<head>
<title>마우스 따라다니는 그림.</title>
</head>

<body bgcolor="#207400" text="#ffffff" link="#ffffff">

<div id="dot0" style="position: absolute; visibility: hidden; height: 14; width: 14;">
 <img src="이미지 파일 주소" height=14 width=14>
</div>
<div id="dot1" style="position: absolute; height: 14; width: 14;">
 <img src="이미지 파일 주소 height=14 width=14>
</div>
<div id="dot2" style="position: absolute; height: 14; width: 14;">
 <img src="이미지 파일 주소" height=14 width=14>
</div>
<div id="dot3" style="position: absolute; height: 14; width: 14;">
 <img src="이미지 파일 주소" height=14 width=14>
</div>
<div id="dot4" style="position: absolute; height: 14; width: 14;">
 <img src="이미지 파일 주소" height=14 width=14>
</div>
<div id="dot5" style="position: absolute; height: 14; width: 14;">
 <img src="이미지 파일 주소" height=14 width=14>
</div>
<div id="dot6" style="position: absolute; height: 14; width: 14;">
 <img src="이미지 파일 주소" height=14 width=14>
</div>

<script LANGUAGE="JavaScript">

var nDots = 7;
var Xpos = 0;
var Ypos = 0;
var DELTAT = .01;
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 1;
var XGRAVITY = 0;
var YGRAVITY = 50;
var RESISTANCE = 10;
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 14;
var BOUNCE = 0.75;
var isNetscape = navigator.appName=="Netscape";
var followmouse = true;
var dots = new Array();
init();

function init(){
var i = 0;
for (i = 0; i < nDots; i++) {
dots[i] = new dot(i); }
   
if (!isNetscape) {  }
   
for (i = 0; i < nDots; i++) {
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y; }
if (isNetscape) {
startanimate();
} else {
setTimeout("startanimate()", 1000);}
}
function dot(i) {
this.X = Xpos;
this.Y = Ypos;
this.dx = 0;
this.dy = 0;
if (isNetscape) {
this.obj = eval("document.dot" + i);
} else {
this.obj = eval("dot" + i + ".style");}
}
function startanimate() {
setInterval("animate()", 20); }

function setInitPositions(dots)
{var startloc = document.all.tags("LI");
var i = 0;
for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
dots[i+1].X = startloc[i].offsetLeft
startloc[i].offsetParent.offsetLeft - DOTSIZE;
dots[i+1].Y = startloc[i].offsetTop +
startloc[i].offsetParent.offsetTop + 2*DOTSIZE; }

dots[0].X = dots[1].X;
dots[0].Y = dots[1].Y - SEGLEN;}

function MoveHandler(e)
{ Xpos = e.pageX;
Ypos = e.pageY;  
return true; }

function MoveHandlerIE() {
Xpos = window.event.x + document.body.scrollLeft;
Ypos = window.event.y + document.body.scrollTop;  
}

if (isNetscape) {
document.captureEvents(Event.MOUSEMOVE);
document.onMouseMove = MoveHandler;
} else {
document.onmousemove = MoveHandlerIE;
}


function vec(X, Y)
{ this.X = X;
this.Y = Y; }


function springForce(i, j, spring)
{ var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF; }
}

function animate() {
var start = 0;
if (followmouse) {
dots[0].X = Xpos;
dots[0].Y = Ypos;
start = 1; }
   
for (i = start ; i < nDots; i++ ) {
var spring = new vec(0, 0);
if (i > 0) {
springForce(i-1, i, spring); }
if (i < (nDots - 1)) {
springForce(i+1, i, spring);  }

var resist = new vec(-dots[i].dx * RESISTANCE,
-dots[i].dy * RESISTANCE);
       

var accel = new vec((spring.X + resist.X)/MASS + XGRAVITY,
(spring.Y + resist.Y)/ MASS + YGRAVITY);
       

dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);
       

if (Math.abs(dots[i].dx) < STOPVEL &&
 Math.abs(dots[i].dy) < STOPVEL &&
 Math.abs(accel.X) < STOPACC &&
 Math.abs(accel.Y) < STOPACC) {
 dots[i].dx = 0;
 dots[i].dy = 0; }

dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;

var height, width;
if (isNetscape) {
height = window.innerHeight + window.pageYOffset;
width = window.innerWidth + window.pageXOffset;
} else {
height = document.body.clientHeight + document.body.scrollTop;
width = document.body.clientWidth + document.body.scrollLeft; }
       

if (dots[i].Y >=  height - DOTSIZE - 1) {
if (dots[i].dy > 0) {
dots[i].dy = BOUNCE * -dots[i].dy; }
dots[i].Y = height - DOTSIZE - 1; }
if (dots[i].X >= width - DOTSIZE) {
if (dots[i].dx > 0) {
dots[i].dx = BOUNCE * -dots[i].dx; }
dots[i].X = width - DOTSIZE - 1; }
if (dots[i].X < 0) {
if (dots[i].dx < 0) {
dots[i].dx = BOUNCE * -dots[i].dx; }
dots[i].X = 0; }
       
dots[i].obj.left = dots[i].X;  
dots[i].obj.top =  dots[i].Y; }
}

</script>

</body>
</html>


다른것들은 수정하시는거 추천안하고요,,,,
이미지파일만 수정하시면 보기좋게 쓰실수 있습니다<<

Posted by 승호/

댓글을 달아 주세요

말 그대로 마우스 우버튼 ( 오른쪽버튼 ) 사용 못하게 하는 스크립트 소스 입니다...




<HTML>
 <HEAD>
  <TITLE>마우스 오른쪽 버튼 사용금지 스크립트</TITLE>
 </HEAD>

<BODY bgcolor="#207400" text="#ffffff" link="#ffffff">

<script language=JavaScript>
<!--//
var message="";

function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>

</BODY>
</HTML>


많은분들이 알고계실줄 알겠지만..
그냥 올려봅니다...

홈페이지만들때 많이 쓰이는 스크립트죠.. ㅎㅎ///

Posted by 승호/

댓글을 달아 주세요

저도 오늘 처음으로 적용시켜본 소스죠,,???
티스토리에도 이런게 먹히다니... ㄷㄷ;;;
팝업창소스... 별로 좋은데에 쓰이는소스는 아니죠;; ㅎㅎ;;;


<script language="JavaScript">

<!--
function TripodShowPopup()
{
// open the popup window
var popupURL = "http://my.dreamwiz.com/jihansome/popup.htm"; var popup = window.open(popupURL,"TripodPopup",'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0,width=370,height=120');
// set the opener if it's not already set. it's set automatically
// in netscape 3.0+ and ie 3.0+.
if( navigator.appName.substring(0,8) == "Netscape" ) { popup.location = popupURL; }
}
TripodShowPopup();
// -->
</script>


참고해주셨으면 좋겠네요~^^ ㅎㅎ;;;

하지만...
아쉽게도...
블로그에서 쿠키가 만들어지는...
그런 스크립트는 안먹히더군요...

은근히 아쉽....

Posted by 승호/

댓글을 달아 주세요

  1. BlogIcon 하루히(울지마) 2008.04.06 17:42  댓글주소  수정/삭제  댓글쓰기

    하핫 ....ㅇㅅㅇ

    안녕하세요.....

    또 잠시 들렀다가 갑니다...

    역시 주말은 심심하네요..

    혼자 코스프레입고 놀아볼까 생각중....ㅇㅅㅇ
    (너 미쳤니 ..ㅇㅅㅇ)

    ㅎ 자주 방문 하겠습니다 ~!!!

  2. 쉽덕안티 2008.04.06 18:19  댓글주소  수정/삭제  댓글쓰기

    미친놈일세

  3. BlogIcon 카이♪ 2008.04.07 18:27 신고  댓글주소  수정/삭제  댓글쓰기

    흠..며칠 이런저런 일로 태그에 손을 못 댔더니
    다 잊어먹어가는것 같은걸..-_-a

    • BlogIcon 승호/ 2008.04.07 18:50 신고  댓글주소  수정/삭제

      ㅎㅎ;

      블로그꾸미려면 역시 스크립트건드리는게 쵝오야~<<ㅎ//

      스크립트만 잘 건드려주면 블로그 훨씬예뻐져연;; ㅠㅠ

  4. BlogIcon timelord 2010.07.17 12:49  댓글주소  수정/삭제  댓글쓰기

    정보 잘얻어가요 ㅎㅎ^
    공지를 띄워야하는대 팝업을 몰랐었내요 ㅋㅋ

  5. BlogIcon 카즈믹 2011.03.07 17:18 신고  댓글주소  수정/삭제  댓글쓰기

    감사합니다 ^^

  6. BlogIcon NewExP 2013.03.18 21:10  댓글주소  수정/삭제  댓글쓰기

    좋은스크립트 납치하고갑니다~ (?!)

    제사이트도 한번 들러주세요 ㅋㅋ;

    http://www.newexp.pe.kr/

    • BlogIcon 승호/ 2013.03.23 16:38 신고  댓글주소  수정/삭제

      NewExP 님//
      안녕하세요~^^ 링크 감사히 받았습니다~
      (글도 좀 써주세요~ ㅎㅎ,, 놀러가봤는데 뭔가 휑 해서 놀랬습니다 ㅎ)

<HTML>
 <HEAD>
   <TITLE> 링크에 마우스가 올라가면 링크가 무지개색으로 계속 변하는 스크립트. </TITLE>

<SCRIPT LANGUAGE="JavaScript">
<!---//
var rate = 20;  // Increase amount(The degree of the transmutation)
if (document.getElementById)
window.onerror=new Function("return true")

var objActive; 
var act = 0;    // Flag during the action
var elmH = 0;   // Hue
var elmS = 125; // Saturation
var elmV = 255; // Value
var clrOrg;    
var TimerID;  


if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}

function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
  }
}

function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
  }
}


function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
 }

if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
   }
 }
}

function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
    }
  }
}


function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
        }

if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
        }
    }
}

function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
        }
    }
}


function ChangeColor()
{  objActive.style.color = makeColor(); }


//  색상제어
function makeColor()
{
if (elmS == 0) {
elmR = elmV;    elmG = elmV;    elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
elmR = t1;  elmB = t2;  elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1;  elmB = t2;  elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1;  elmR = t2;  elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1;  elmR = t2;  elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1;  elmG = t2;  elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1;  elmG = t2;  elmB = t1 - t3;
}
else {
elmR = 0;   elmG = 0;   elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1)    elmR = "0" + elmR;
if (elmG.length == 1)    elmG = "0" + elmG;
if (elmB.length == 1)    elmB = "0" + elmB;

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return '#' + elmR + elmG + elmB;
}
//--->
</script>

</HEAD>

<BODY>

<b>아래의 링크에 마우스를 올리면 링크가 무지개색으로 표시됩니다...</b><p>
<H3> <a href=http://jihansome.tistory.com/> 블로그 </a> </H3>
<H4> <a href=http://www.tistory.com> 티스토리 </a> </H4>
<H5> <a href=http://www.naver.com> 네이버 </a> </H5>

</BODY>
</HTML>



이 방법 말고도 js 파일을 따로 넣는방법도 있는데요...
일단은...
이 방법대로만 해봅시다...///
제 블로그에도 링크가 무지개색으로 변하는데...
저는 플러그인... 썼어요;;;; ㄷㄷ///
왠지 관리하기가 불편해질거같았기에;; ㅎㅎ;;;
티스토리에서는 js파일을 직접 링크시켜 넣었더군요..

<body> 와 </body> 사이에 넣어주세요<<

<script language=javascript src="http://cfs.tistory.com/blog/plugins/RainbowLink/rainbow.js" type="text/javascript"></script>

이걸 직접 넣으면...
마우스가 링크 위에 올라왔을때, 링크가 무지개색으로 변합니다...

재미있는 공부 되셨는지요...


Posted by 승호/

댓글을 달아 주세요

  1. BlogIcon 하늘치B 2008.08.18 21:32 신고  댓글주소  수정/삭제  댓글쓰기

    긁기가 안되요 -ㅁ=!;;;;;ㅠㅠ

  2. BlogIcon 하늘치B 2009.01.08 19:09 신고  댓글주소  수정/삭제  댓글쓰기

    ㅋㅋ 감사해요 ^^

  3. BlogIcon Lemon27 2009.09.20 14:25  댓글주소  수정/삭제  댓글쓰기

    님.. 이거 네이버블로그에는 안되는거죠? 네이버가 자바스크립트 막아놨다던데...
    방법이 없을까요?? 아 요즘들어 자꾸 티스토리로 이사가고싶네요^^;;

    • BlogIcon 승호/ 2009.09.20 23:22 신고  댓글주소  수정/삭제

      네, 네이버 블로그 / 카페에서는 스크립트의 사용이 불가능합니다,
      아 티스토리로 이사오시고싶으시면, http://jihansome.tistory.com/guestbook 에 비밀글로 이메일주소 남겨주세요~ 초대장 보내드리겠습니다~^^

  4. BlogIcon degi 2011.06.29 19:51 신고  댓글주소  수정/삭제  댓글쓰기

    무지개 플러그인쓰면 전체가 다 ㅁㄴㅇㄹ 무지개색으로 변해서
    저는 일부만 하고 싶지만 귀찮아서 ㅁㄴㅇㄹ

    • BlogIcon 승호/ 2011.06.29 20:40 신고  댓글주소  수정/삭제

      degi 님//
      ㅎㅎ 전 익숙해졌달까... 무지개링크가 로딩시간 엄청 차지해도 뭐랄까... 차별화된 느낌이랄까요 ㅋㅋ~? (보급률 대단한 네이버 블로그엔 이런기능이 없잖아요~ ㅋㅋ~?)

    • BlogIcon degi 2011.06.30 09:53 신고  댓글주소  수정/삭제

      로딩시간이야 뭐 엄청나게까진 늘어나진 않아요 ㄷㄷ;;;;
      텍스트 링크로 이동되는 부분만 무지개색으로 변경시켜주는거니
      ㅁㄴㅇㄹ 여튼 간지나죠?? ㅋㅋㅋ

    • BlogIcon 승호/ 2011.06.30 16:11 신고  댓글주소  수정/삭제

      degi 님//
      조만간에 그냥 떼내려구요... ;ㅁ;
      링크에 마우스 올리면 뭔가 좀더 확 티나게 바뀌는 효과를 내고싶어졌어요.. ;ㅁ;

<HTML>
 <HEAD>
  <TITLE>마우스 오른쪽 버튼을 눌러도 아무반응 없게 만드는 스크립트 입니다,,,</TITLE>
 </HEAD>

<BODY bgcolor="#207400" text="#ffffff" link="#ffffff">

<script language=JavaScript>
<!--//
var message="";

function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>

</BODY>
</HTML>



위의 내용에서 스크립트 부분은 되도록 고치지 맙시다.. ㅎㅎ;;;
인터넷상에서 흔히 쓰이는..
마우스 오른쪽 방지 태그죠<<

꼭... 알아둬야하는..??
까지는 아니지만...
중요한 스크립트죠...

웹페이지 만들때...
참고하시길바래요~<<<

Posted by 승호/

댓글을 달아 주세요

  1. BlogIcon degi 2011.06.26 15:40 신고  댓글주소  수정/삭제  댓글쓰기

    오른쪽 방지가 스크립트 해제하는게 그리 어려운게 아니라서 ㄷㄷ;;;;;
    무력화 시키는게 있는지 ㅁㄴㅇㄹ

    • BlogIcon 승호/ 2011.06.26 17:44 신고  댓글주소  수정/삭제

      오른쪽 클릭.. 푸는 프로그램도 있고, 소스로 퍼갈수 있으니... 어떤 무력화 소스를 써도 99% 풀 수 있지 않을까 싶네요 ㅠㅠ,,
      그래서 저도 블로그에서 사용하던 우클릭 방지 소스를 떼어냈지요 ㅎㅎ;;

html ....
마우스 커서를 따라다니는 글자 메시지 자바스크립트 소스 입니다 .<<



<HTML>
 <HEAD>
  <TITLE>마우스커서를 따라 다니는 글자메세지(부드러운 효과).</TITLE>
<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:궁서체;
font-weight:bold;
color:#000080;
}
</style>

<script>
<!--//
var x,y
var step=20
var flag=0

var message="안녕하세요~^^/ 마우스 커서를 따라다니는 메시지~< " //원하는 메세지
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50
}

function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}

function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
 
for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
 
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
 
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}
//-->
</script>

 </HEAD>

<!--//  이부분 빼먹으면 안됩니당  //--->
<BODY onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">

<script>
<!-- //
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// -->
</script>

</BODY>
</HTML>




빨간색 글씨는 지워도 상관 없습니다..
그냥 설명일뿐입<<

태그연습장에서 한번 연습해보세요~^^//
마우스 커서에 지정하신 문자가 부드럽게~ 따라다니는게 보입니다<<<ㅅ

Posted by 승호/

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. BlogIcon 승호/ 2008.04.01 23:34 신고  댓글주소  수정/삭제  댓글쓰기

    ㅎㅎ;;;
    부지런히까지야;;;

    프레임셋 태그 이거까지만 공부하면...
    다배웠다고쳐도 될껄;;???

    스크립트는 그냥 헤드랑 바디 사이에 붙여넣기만 하면 되니까....//
    ㅠㅠㅠㅠㅠㅠㅠㅠ
    이제 뭘로 블로깅해야할지 막막해졌어;;; ㅠㅠㅠㅠㅠㅠㅠㅠㅠ

  3. 2008.04.06 13:30  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • BlogIcon 승호/ 2008.04.06 14:01 신고  댓글주소  수정/삭제

      네;;???

      마우스를 보내달라시는건..
      무슨뜻이신지.....///

      혹시 지금 제가쓰고있는 홈페이지 커서파일을 달라시는건지요<<???

  4. 2008.04.13 21:44  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  5. 2008.11.08 21:40  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  6. 2008.11.10 20:59  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  7. 2008.11.10 21:05  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  8. 2008.11.11 08:23  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  9. 쟈크란 2011.04.07 08:52  댓글주소  수정/삭제  댓글쓰기

    이거 구글 크롬플러스에서 되게 하는 방법은 없나요??
    익스플로러는 되는데.. 크롬플러스에서 하고 싶은데..ㅜㅜ

    • BlogIcon 승호/ 2011.04.07 21:32 신고  댓글주소  수정/삭제

      으음... 찾아봤는데 크롬버젼은 아직 안나온것같네요...;;; (T_T)
      IE를 위해서라도 달아두셔도 괜찮을듯 싶습니다.
      국내에서의 인지도 면에서는 IE가 주류이니까요..

  10. 쟈크란 2011.04.11 09:47  댓글주소  수정/삭제  댓글쓰기

    html5 하고 있는데 IE는 html5가 안되서요.. ㅎ..
    어쨋든 감사..ㅜ

    • BlogIcon 승호/ 2011.04.11 19:36 신고  댓글주소  수정/삭제

      아항 그렇군요!

      으음.. html5라...
      저도 슬슬 공부해야되는데.. ㅠㅠ,, 오랫동안 시간을 내기엔 아깝네요 ㅠㅠㅋ

      워낙 빨리빨리 바뀌어버려서 ㅠㅠㅠㅠ

  11. 2011.05.20 00:39  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • BlogIcon 승호/ 2011.05.20 01:05 신고  댓글주소  수정/삭제

      안녕하세요~

      으음, 그부분에서만 특히 에러가 나는건가요..??

      소스에는 전혀 문제가 없습니다~
      구글 크롬이나 파이어폭스에서는 전혀 동작하지 않는 소스이지만, 익스플로러 6~9까지는 정상 동작하는 소스입니다.

      게시판에 넣으셨다고 하셨는데, 어느 사이트의 어느 게시판에 넣으시려던건지 말씀해주세요~

      게시판에는 대부분 스크립트 사용이 불가능합니다~
      body부분에 소스를 넣더라도 head부분에 소스를 직접 추가시킬 수 없는 형태의 게시판이 대부분입니다~

  12. 2011.05.20 10:55  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • BlogIcon 승호/ 2011.05.20 12:01 신고  댓글주소  수정/삭제

      확인해보았습니다~

      에에.. 게시판형태네요~;
      소스는 비교적 자유롭게 허용되어 있는것 같네요,,

      위의 소스는 <head> 스크립트를 동시에 사용합니다.
      게시판에는 헤드부분을 수정&추가할 수 없구요,,^^,,,

      즉, 게시판에는 불가능합니다~

      만약 아이프레임이 사용가능하다면, 티스토리 블로그에 페이지를 만들어 그 페이지를 아이프레임 걸어두면 될 듯 하네요~^^,,

  13. 2011.05.20 12:21  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • BlogIcon 승호/ 2011.05.20 12:30 신고  댓글주소  수정/삭제

      초대장은 일단 보내드렸습니다~


      혹시 모르니 먼저, 게시판에 테스트글을 하나 작성해보세요~


      <iframe src="http://cfs.tistory.com/custom/blog/12/121120/skin/images/random_suisenn.html" width="300" height="218" border="0" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>


      html 편집모드에서 위의 소스를 붙여넣기 해보시면 됩니다.

      뭔가가 나타나면 아이프레임을 사용할 수 있으니,
      먼저 테스트해보세요~


      // 아이프레임 사용이 불가능하면 다른 방법이 없네요..;
      아이프레임 사용가능하면 최대한 도움 드리겠습니다~


      아이프레임 관련글을 써둔게 있습니다~

      http://jihansome.tistory.com/416
      http://jihansome.tistory.com/49
      설명이 약간 어려운 감이 있는데,,
      참고가 되셨으면 좋겠네요~^^

  14. 2011.05.20 14:45  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • BlogIcon 승호/ 2011.05.20 15:10 신고  댓글주소  수정/삭제

      ㅎㅎ 랜덤으로 출력되는 페이지인데 도시락이 떴군요 ㅎㅎ,,



      네, 사용 가능합니다~

      단, 페이지 전체가 아닌 지정한 영역에만 사용이 가능합니다.
      html에 관한 지식은 어느정도 갖고계신가요,,?

      으음,, html 문서를 제작하여 티스토리 스킨폴더에 올리고나서 -> 게시판에 아이프레임으로 출력해야 하는데,,

      일단은 html 문서를 제작해야 합니다~

      으음,,,
      어떻게 도와드려야할지...

      으음...

      아,
      블로그 개설하셨지요~?
      공개로 글 하나를 작성해주세요~
      위의 스크립트를 삽입하여 컨텐츠 페이지(html문서)를 제작해서 아까 적어주신 이메일로 최대한 빨리 보내드리겠습니다~^^,,


      html 제작환경 크기 지정을 위해, 어느 게시판에 올리실건지 주소를 남겨주세요~

  15. 2011.05.20 19:38  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • BlogIcon 승호/ 2011.05.20 19:43 신고  댓글주소  수정/삭제

      앗, 글이 비공개상태네요~^^;;

      공개로 전환해주세요~^^


      // 댓글로 질문해주신것만으로도 제가 오히려 감사합니다 ㅎㅎ,,

  16. 2011.05.20 20:47  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • BlogIcon 승호/ 2011.05.20 21:02 신고  댓글주소  수정/삭제

      앗, ㅎㅎ죄송합니다;

      제 설명이 부족했나보네요 ㅠㅠ

      http://busan1room.co.kr 사이트에 올리실 글을 블로그에 먼저 작성해 달라는 말이었는데..; (죄송합니다;)

      // 위의 스크립트와 작성하실 내용을 합쳐넣어야 html문서가 완성되고, 그 페이지를 아이프레임으로 연결시켜야 하는 형태라서요~


      // 매물 상세정보 -> 홍보사항에 들어갈 내용을 작성하실 예정이신건가요,,?

  17. 2011.05.20 21:01  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • BlogIcon 승호/ 2011.05.20 21:18 신고  댓글주소  수정/삭제

      일단 제작해서 이메일로 보내드렸습니다~


      이미지 크기가 좀 작은것같은데..
      게시판에 비해 크기가 작지 않나요,,?

      가로크기 780px정도가 적당할것같은데,,
      더 큰 이미지가 있으시면 보내주시기 바랍니다~^^,,



      게시판에는
      <iframe src="http://cfs.tistory.com/custom/blog/12/121120/skin/images/busanhsm_h01.html" width="780" height="470" border="0" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
      위의 소스를 붙여넣으시면 됩니다~

  18. 2011.05.20 21:39  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • BlogIcon 승호/ 2011.05.20 21:50 신고  댓글주소  수정/삭제

      ㅎㅎ 전 별거 안했습니다~^^;;;;


      에에, 수정하시려면 busanhsm 님 블로그에 직접 파일들을 업로드해 두셔야 합니다~
      지금은 주신 소스들로 html파일을 만들어서 제 블로그에 전부 업로드시켜놓고 사용하도록 했습니다.
      적어주신 이미지 파일도 네이버 블로그에 첨부되어있어서 외부 페이지에서 사용이 불가능했기에, 제 블로그에 재업로드해서 사용했습니다

      따라서, 저를 거치지 않고 직접 수정하시려면 busanhsm 님 블로그에
      html 문서와 이미지파일을 새로 업로드해두셔야 하고,
      방금 드린 아이프레임 소스를 약간 수정하셔야 합니다~
      약간 번거로운 과정을 거쳐야 하는데,
      원하시면 최대한 자세히 알려드리겠습니다~

      // 네이트온 사용하시나요? 원격지원으로 도움드리면 더 빨리 해결할 수 있을것같네요~^^,,

  19. 2011.05.20 22:22  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  20. 정말감사합니다^^ 2011.05.20 22:59  댓글주소  수정/삭제  댓글쓰기

    정말 감사합니다^^

    아..정말..감동먹었습니다..

    자주 놀러올꼐요^^

  21. BlogIcon 필명♬ 2011.09.04 01:00 신고  댓글주소  수정/삭제  댓글쓰기

    저기 일정한 무언가를 클릭하면 해당 메시지가 사라지게 하는 것 좀 가르쳐주실 수 있으신가요?

    • BlogIcon 승호/ 2011.09.04 01:59 신고  댓글주소  수정/삭제

      래픽♬ 님//
      답변이 늦어져서 정말 죄송합니다~
      여러모로 테스트까지 해보느라고 늦어버렸네요~;;

      메시지가 약간 거슬리긴 하죠~ ;ㅁ;
      그냥 일정 어딘가를 클릭하지 않고도 아무데나 클릭하면 메시지가 안보이도록 스크립트 짜봤습니다.

      위의 소스에서 </body> 바로 윗줄에 아래의 소스를 붙여넣어주세요~

      <script>
      function showspan(v){
      document.all('span').style.display='';
      }
      function hidespan(){
      var a=document.all.tags('span');
      for(i in a) {
      if(a[i].id)
      a[i].style.display='none';
      }
      }
      document.body.onclick=function(){
      if(!event.srcElement.id)hidespan();
      }
      </script>

      테스트가 약간 허술(;?)하긴 했지만..;
      아마 잘 될겁니다~ㅇㅂㅇ~