<script language='javascript'>
    toggle=0;                 
    document.ondblclick = function(event)
    {   
        if(window.event)
        {
            EventStatus = window.event.srcElement.tagName;
        }
        else
        {
            EventStatus = event.target.tagName;  
        }
 if(EventStatus!='INPUT'&&EventStatus!='TEXTAREA')
        {
            if(toggle==0)
            {
                var sc=99999; toggle=1;
            }
            else
            {
                var sc=0; toggle=0;
            }
            window.scrollTo(0,sc)
        }
    }
</script>
위 내용을  HTML/CSS에서 <HEAD>와 </HEAD>사이에 넣어주면 됩니다.
상기 내용중 처음 클릭시 위로 가게 하려면    toggle=0; 의 0값을 1로 수정하면 위로 먼저 향하게 됩니다.

'작업공간 > Web Programming' 카테고리의 다른 글

문단 양쪽정렬  (0) 2010.02.03
윈도우 새창 띄우기  (2) 2009.12.04
[홈페이지] 기계강도 및 계산생명공학 연구실  (5) 2009.12.04
제로보드4 zb4pl8  (0) 2009.11.04
페이지 로딩 되면 이동 시키기  (0) 2009.11.03
style="text-align:justify" 
<a href="#" onClick="window.open('img/research/equipments/haptic.png','dokdo','height=550,width=750,menubar=no,toolbar=no,location=no,resizable=no,status=no,scrollbars=no,top=0,left=0');">Haptic Device</a>

'작업공간 > Web Programming' 카테고리의 다른 글

TOP 스크롤 만들기  (0) 2010.10.31
문단 양쪽정렬  (0) 2010.02.03
[홈페이지] 기계강도 및 계산생명공학 연구실  (5) 2009.12.04
제로보드4 zb4pl8  (0) 2009.11.04
페이지 로딩 되면 이동 시키기  (0) 2009.11.03

 

MatSCio Lab.

Material Strength & Computational Bioengineering Lab.

 

http://bioengineering.skku.ac.kr

 

'작업공간 > Web Programming' 카테고리의 다른 글

문단 양쪽정렬  (0) 2010.02.03
윈도우 새창 띄우기  (2) 2009.12.04
제로보드4 zb4pl8  (0) 2009.11.04
페이지 로딩 되면 이동 시키기  (0) 2009.11.03
마우스오버 레이어 상태 변경  (0) 2009.09.29
다운을 받자~!
<body onload="javascript:document.location.href='http://bioengineering.skku.ac.kr';">

<html>
<head>
<title>메뉴 & 레이어</title>
<style type="text/css">
<!--
table{border:solid 2px #ececec;}

.base
{
 font-size:10pt;
 color:black;
 background-color:white;
}

.base-turnover
{
 font-size:10pt;
 color:white;
 background-color:red;
}

div
{
 border:solid 0px #ececec;
 font-size:10pt;
 color:black;
 position:absolute;
 width:120;
 height:20;
 padding:2;
 visibility:hidden;
}
-->
</style>

<script language="javascript">
<!--
 function baseRollOver(tbl_ID,state)
 {
 document.getElementById(tbl_ID).className=(state=='on')?'base-turnover':'base';
 }

function MM_findObj(n, d) {
    var p,i,x; 
    if(!d) d = document;
    if( (p=n.indexOf("?"))>0 && parent.frames.length ) {
        d = parent.frames[n.substring(p+1)].document;
        n = n.substring(0,p);
    }
    if( !(x=d[n]) && d.all )
        x = d.all[n];
    for (i=0; !x&&i<d.forms.length; i++)
        x=d.forms[i][n];
    for(i=0; !x&&d.layers&&i<d.layers.length; i++)
        x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById)
        x=d.getElementById(n);
    return x;
}

function MM_showHideLayers() {
    var i,p,v,obj,args = MM_showHideLayers.arguments;
    for (i=0; i<(args.length-2); i+=3){
        if ( (obj=MM_findObj(args[i]))!=null ){
            v=args[i+2];
            if (obj.style) {
                obj = obj.style;
                v = (v=='show')?'visible':(v=='hide')?'hidden':v;
            }
        obj.visibility=v;
        }
    }
}
-->
</script>
</head>
<body>
 <table border=0 cellpadding=3>
 <tr>
  <th width=5></th>
  <th class="base" id="menu1" onmouseover="baseRollOver('menu1','on');MM_showHideLayers('layer1','','show','layer2','','hide','layer3','','hide','layer4','','hide');"
   onmouseout="baseRollOver('menu1','off')" style=cursor:hand;>가입</th>
  <th width=5></th>
  <th class="base" id="menu2" onmouseover="baseRollOver('menu2','on');MM_showHideLayers('layer1','','hide','layer2','','show','layer3','','show','layer4','','hide');"
   onmouseout="baseRollOver('menu2','off')" style=cursor:hand;>커뮤니티</th>
  <th width=5></th>
  <th class="base" id="menu3" onmouseover="baseRollOver('menu3','on');MM_showHideLayers('layer1','','hide','layer2','','hide','layer3','','show','layer4','','hide');"
   onmouseout="baseRollOver('menu3','off')" style=cursor:hand;>새소식</th>
  <th width=5></th>
  <th class="base" id="menu4" onmouseover="baseRollOver('menu4','on');MM_showHideLayers('layer1','','hide','layer2','','hide','layer3','','hide','layer4','','show');"
   onmouseout="baseRollOver('menu4','off')" style=cursor:hand;
   onClick="location.href='http://www.nate.com'">링크</th>
  <th width=5></th>
 </tr>
 </table>
 <div id="layer1" style="left:25px; top:50px;" onmouseover="baseRollOver('layer1','on')"
  onmouseout="baseRollOver('layer1','off')">&nbsp;가입하러가기</div>
 <div id="layer2" style="left:76px; top:50px;" onmouseover="baseRollOver('layer2','on')"
  onmouseout="baseRollOver('layer2','off')">&nbsp;Q&A게시판</div>
 <div id="layer3" style="left:150px; top:50px;" onmouseover="baseRollOver('layer3','on')"
  onmouseout="baseRollOver('layer3','off')">&nbsp;자유게시판</div>
 <div id="layer4" style="left:210px; top:50px;" onmouseover="baseRollOver('layer4','on')"
  onmouseout="baseRollOver('layer4','off')">&nbsp;공지사항</div>
</body>
</html>



'작업공간 > Web Programming' 카테고리의 다른 글

제로보드4 zb4pl8  (0) 2009.11.04
페이지 로딩 되면 이동 시키기  (0) 2009.11.03
css P 태그- 라인 한줄로  (0) 2009.09.02
스크롤 시 이동되는 퀵메뉴  (0) 2009.08.28
자바스크립트 명령어 참조  (0) 2009.05.18

p {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 1;
 text-decoration: none;
 margin-top:1;
 margin-bottom:1;
 margin-left:1;
}

+ Recent posts