present 자바스크립트 입니다.
<script language="javascript">
<!--
var kzone_gift=new Array();
var random_val=new Array();
var imgURL1=
"http://img.messenger.hanmail.net/images/messenger4/mileagegift/200509/";
var imgURL2= ".jpg";
var PRESENTLIST= 16;
for(var i=0; i<PRESENTLIST; i++){
var imgCNT= i + 1;
var temimg= "";
//if(i==5)
// temimg= "_1";
kzone_gift[i]= imgURL1 + imgCNT + temimg + imgURL2;
}
var swidth = 149
var sheight = 141
var show_items = 2
var stop_time = 1500 // 아이템 동작 텀 (1초 = 1000)
var sspeed = 20 // 아이템이 움직이는 시간
var sstep = 50 // 아이템이 픽셀 이동 간격
// 내부 변수
var new_item = show_items
var sstep_tmp = sstep
var only_one = 1;
function gift_left(){
sstep=100;
setTimeout("gift_left0()", 1000)
}
function gift_left0(){
sstep=5;
}
function random_start()
{
var len = kzone_gift.length;
if( only_one == 1){
for (i=0; i<len; ){
rand = parseInt(Math.random() * len );
// rand = i;
len2 = random_val.length;
for (j=0; j<len2 ; j++){
if(random_val[j] == rand)
break;
}
if( j == len2){
random_val[i] = rand;
i++;
}
}
only_one=2;
}
}
// 동작 시작 함수
function move_left_start()
{
for (i=0; i<=show_items; i++){
setTimeout("move_left("+i+", "+swidth+")", stop_time)
}
}
// 아이템 개별 이동 함수
function move_left(id, cnt){
obj = eval('slider_'+id)
obj.style.pixelLeft-=sstep
cnt -= sstep
if (cnt > 0){
setTimeout("move_left("+id+", "+cnt+")", sspeed)
}else if (obj.style.pixelLeft < -sstep){
obj.style.pixelLeft = show_items * swidth
new_item++
if (new_item == kzone_gift.length) new_item=0
obj.innerHTML= '<img src="'+kzone_gift[random_val[new_item]]+'"></a>';
move_left_start()
}
}
//-->
</script>
<table width="476" height="148" background="http://img.messenger.hanmail.net/images/messenger4/giftbg01.gif" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" style="padding: 2,5,0,15">
<script language="javascript">
<!--
random_start();
move_left_start();
if (document.all){
document.writeln('<div align=center onmouseover="sstep=0;" onmouseout="sstep='+sstep_tmp+';" style="position:absolute;width:100%;height:'+(sheight)+';clip:rect(0 100% '+(sheight)+' 0); ">')
var tleft = 0
for (i=0; i <= show_items; i++) {
if (i > 0) {
tleft += eval('slider_'+(i-1)+'.style.pixelWidth')
}
document.writeln('<div align=center id="slider_'+i+'" style="position:absolute;left:'+i*swidth+';width:'+swidth+';top:1;">')
document.writeln('<img src="'+kzone_gift[random_val[i]]+'"></a>');
document.writeln('</div>')
}
document.writeln('</div>')
}else{
document.writeln('<br style="line-height:2px;">');
document.writeln('<table><td widht="20" nowrap> </td><td>');
for (i=0; i <3; i++) {
document.writeln('<img src="'+kzone_gift[random_val[i]]+'" height="140">');
}
document.writeln('</td></table>');
}
//-->
</script>