<html style="width:100%;">
<head>
<title>해피CGI</title>
<style type="text/css">
<!--
a.links { margin-top:0px; text-decoration: none; font-family:verdana; font-weight:bold; color: rgb(180,180,180); }
a.links:hover { text-decoration: underline; }
div.writing{
font-weight:bold; font-size: 13px; font-family: verdana;
color: rgb(90,50,50);
position:absolute; text-align: center;
border: none; border-width:1px; border-color: rgb(60,60,60);
width: 120px;
}
div.shadow{
font-weight:bold;font-size: 13px; font-family: verdana;
color: rgb(0,0,0);
position:absolute; text-align: center;
border: none; border-width:1px; border-color: rgb(0,0,0);
width: 120px;
}
div.light{
font-weight:bold;font-size: 13px; font-family: verdana;
color: rgb(220,220,220);
position:absolute; text-align: center;
border: none; border-width:1px; border-color: rgb(255,255,255);
width: 120px;
}
a.a_writing{
font-weight:bold; font-size: 13px; font-family: verdana;
color: rgb(90,50,50);
text-decoration:none;
}
a.a_shadow{
font-weight:bold;font-size: 13px; font-family: verdana;
color: rgb(0,0,0);
text-decoration:underline;
}
div.floating{
color:black;
text-align:right;
position:absolute;
font-size:14px; font-weight: bold; font-family:courier new;
top:470px; left:36%; width:300px; height: 10px;
}
-->
</style>
<script type="text/javascript">
<!--
floating_txt= new Array();
floating_txt[0] = "웹프로그램 무료소스 천국 해피CGI."; //스크롤 되는 부분의 글자를 입력하는 부분
floating_txt[1] = "무료PHP소스, 무료CGI소스, 무료폰트";
colors = new Array();
colors[0] = "rgb(10,10,10)";
colors[1] = "rgb(10,10,10)";
colors[1] = "rgb(10,10,10)";
actual_string = 0;
chars_showing = 37;
actual_pos = - chars_showing;
mouse_over_float=false;
function floatText(){
if(mouse_over_float){ setTimeout('floatText()',100);}
else{
substr = floating_txt[actual_string].substring(actual_pos,actual_pos+chars_showing);
if(chars_showing>floating_txt[actual_string].length-actual_pos) document.getElementById("floating").style.textAlign = "left";
document.getElementById("floating").childNodes[0].nodeValue = substr;
actual_pos++;
if (actual_pos<=floating_txt[actual_string].length) {
if ((floating_txt[actual_string].charAt(actual_pos+chars_showing-1)==' ')||(floating_txt[actual_string].charAt(actual_pos-1)==' ')) floatText();
else setTimeout('floatText()',100);
}
else {
document.getElementById("floating").style.textAlign = "right";
document.getElementById("floating").style.color = colors[actual_string];
actual_string++;
document.getElementById("floating").style.color = colors[actual_string];
actual_pos=-chars_showing;
if(actual_string<floating_txt.length) setTimeout('floatText()',3000);
else{
actual_string =0;
setTimeout('floatText()',3000);
}
}
}
}
current_color_width = 1352; // 이미지 가로 크기로 설정하여 준다.
function colorStripe(e){
if( window.event){ actual_mouse_x = document.body.scrollLeft+window.event.clientX; }
else { actual_mouse_x = e.pageX; }
document.getElementById("color_div_vert").style.left= actual_mouse_x-50;
document.getElementById("color_img_vert").style.left= -actual_mouse_x+50;
}
actual_rollover_color_nr = 0;
actual_rollover_id = "";
continue_rollover_loop = false;
function mouseOverWriting(id){
continue_rollover_loop = true;
actual_rollover_id = id;
mouseOverWritingLoop();
}//fine mouseOverWriting()
function mouseOverWritingLoop(){
if ( actual_rollover_color_nr == 0){
document.getElementById(actual_rollover_id).style.color = "rgb(0,150,250)";
actual_rollover_color_nr =1;
}else{
document.getElementById(actual_rollover_id).style.color = "rgb(0,0,250)";
actual_rollover_color_nr =0;
}
if(continue_rollover_loop) setTimeout('mouseOverWritingLoop()',25);
else document.getElementById(actual_rollover_id).style.color = "rgb(90,50,50)";
} //fine mouseOverWritingLoop()
// -->
</script>
</head>
<body style="width:100%; margin: 0px; text-align:center; background-color: black; " >
<div id="background_div" style="position:relative; left:0px; margin:0px; width:1352px; text-align:left; height:500; background-repeat: repeat-y; background-position: center; background-image:url(back.jpg);" >
<div id="color_div_vert" style=" position:absolute; text-align:center; margin: 0px; width:100px; height:500px; top:0px; left:0px; overflow:hidden; ">
<img id="color_img_vert" alt="background boat" style=" position:relative; margin: 0px; width:1352px; height:500px; top:0px; left:0px " src="back_color.jpg" />
</div>
<div id="floating" class="floating" onmouseover="mouse_over_float=true" onmouseout="mouse_over_float=false">.</div>
<script type="text/javascript">
<!--
document.onmousemove = colorStripe;
floatText();
// -->
</script>
</div>
</body>
</html>
|
