Team:KIT-Kyoto/sample-1

From 2010.igem.org

(Difference between revisions)
Line 7: Line 7:
 +
<BODY>
 +
<SPAN class="box" id="box"></SPAN>
 +
<A href="ＵＲＬ" onMouseOver="pop('メッセージ１')" onMouseOut="nonPop()">リンク１</A><P>
 +
<A href="ＵＲＬ" onMouseOver="pop('メッセージ２')" onMouseOut="nonPop()">リンク２</A><P>
 +
<A href="ＵＲＬ" onMouseOver="pop('メッセージ３')" onMouseOut="nonPop()">リンク３</A><P>
 +
<A href="ＵＲＬ" onMouseOver="pop('メッセージ４')" onMouseOut="nonPop()">リンク４</A><P>
 +
<A href="ＵＲＬ" onMouseOver="pop('メッセージ５')" onMouseOut="nonPop()">リンク５</A><P>
 +
</BODY>
-
<head>
 
-
<style type="text/css">
 
-
<!-- .box {position:absolute;visibility:hidden;border:1
 
-
solid black;padding:3;background-color:#ffffff;overflow:hidden;}
 
-
A{
+
<HEAD>
-
font-size : 10pt; font-family : "Tahoma";
+
<SCRIPT LANGUAGE="JavaScript">
-
text-decoration : none; }
+
<!--
-
//--> </STYLE> </head>
+
-
<body>
+
//ポップアップ表示
-
<script language="JavaScript">
+
function pop(msg){
-
 
+
    box.style.visibility = "hidden";
-
<!-- // function pop(msg)
+
    width = 0;
-
{
+
    height = 0;  
-
box.style.visibility = "hidden";
+
    message = msg;
-
width = 0; height = 0; message = msg;
+
    //ウィンドウ位置設定
-
x = event.clientX+document.body.scrollLeft+15;
+
    x = event.clientX+document.body.scrollLeft+10; //左からの位置
-
y = event.clientY+document.body.scrollTop+15;
+
    y = event.clientY+document.body.scrollTop+10; //上からの位置
-
// box.style.left = x;
+
    //ウィンドウセット
-
box.style.top = y; box.innerHTML = msg; box.style.visibility
+
    box.style.left = x;
-
= "visible"; zoom();
+
    box.style.top = y;
-
} function zoom(){
+
    box.innerHTML = msg;
-
width += 20; height += 10; box.style.width
+
    box.style.visibility = "visible";
-
= width; box.style.height = height;
+
    zoom();
-
if(width>=150 && height>=30){
+
}
-
} else{ zoom_timer = setTimeout("zoom()",1);
+
//ポップアップズーム
-
} } function nonPop(){ box.style.visibility
+
function zoom(){
-
= "hidden";
+
    //拡大
-
} // --> </script>
+
    width += 20;
-
<SPAN class="box" id="box"></SPAN></body>
+
    height += 10;
-
 
+
    box.style.width = width;
-
 
+
    box.style.height = height;
-
 
+
    if(width>=200 && height>=100){
-
</html>
+
    }
 +
    else{
 +
        zoom_timer = setTimeout("zoom()",1);
 +
    }
 +
}
 +
//ポップアップを消す
 +
function nonPop(){
 +
    box.style.visibility = "hidden";
 +
}
 +
// -->
 +
</SCRIPT>
 +
<STYLE type="text/css">
 +
<!--
 +
.box {position:absolute;visibility:hidden;border:0 ridge blue;padding:5;background-color:#ffcccc;overflow:hidden;}
 +
//-->
 +
</STYLE>
 +
</HEAD>
{{Template:KIT-Kyoto-1}}
{{Template:KIT-Kyoto-1}}

Revision as of 03:54, 8 August 2010


リンク１

リンク２

リンク３

リンク４

リンク５

{{Template:KIT-Kyoto-1}}

Retrieved from "http://2010.igem.org/Team:KIT-Kyoto/sample-1"