회원가입∴아이디/비번찾기
홈으로

운.영.자.1대1.상담
스마트라디오(Smart Radio)
음악방송 앱 다운로드
E.Q. Christmas Tree
E.Q. 오디오 플레이어
가사검색
컴퓨터 오목
멀티 동영상 플레이어
실시간 TV보기
myTUBE MOVIE PLUS
DANCING GIRL
MODEL HOT MOVIES
스마트웹 에서 음악감상
K-POP 걸그룹 MV 2023
보안∵서버∵쿠키
윈도우∵프레임
이미지∵배경
시간∵달력∵계산
상태바∵타이틀바
음악∵영상
폼∵전송∵테이블
키보드∵마우스
효과∵링크∵메뉴
Script∵php
기타
PHP 강좌
윈도우관련팁
웹관련팁
홈페이지제작팁
기본강좌
레지스트리
윈도우서버
리눅스서버
Android
좌우측 재생 제어되는 자바스크립트 마퀴(marquee) 소스
13년 전
<script type="text/javascript">
var sliderwidth="920px"  //스크롤 가로 사이즈
var sliderheight="35px"  //스크롤 세로 사이즈
var slidespeed="1"
    slidebgcolor="#ffffff"  //스크롤 배경 색상

var leftarrowimage = "http://mysoulmate.campus4.freesell.co.kr//design/mysoulmate/des2010img/banner_00.gif"
var rightarrowimage = "http://mysoulmate.campus4.freesell.co.kr//design/mysoulmate/des2010img/banner_08btn.gif"

var leftrightslide=new Array()
var finalslide=''


    leftrightslide[0]='<a href=http://www.ikedi.or.kr target=_blank><img src=http://mysoulmate.campus4.freesell.co.kr//design/mysoulmate/des2010img/banner_01.gif border=0></a>'
    leftrightslide[1]='<a href=http://www.bizcool.go.kr target=_blank><img src=http://mysoulmate.campus4.freesell.co.kr//design/mysoulmate/des2010img/banner_02.gif border=0></a>'
    leftrightslide[2]='<a href=http://www.smba.go.kr target=_blank><img src=http://mysoulmate.campus4.freesell.co.kr//design/mysoulmate/des2010img/banner_03.gif border=0></a>'
    leftrightslide[3]='<a href=http://www.changupnet.go.kr target=_blank><img src=http://mysoulmate.campus4.freesell.co.kr//design/mysoulmate/des2010img/banner_04.gif border=0></a>'
    leftrightslide[4]='<a href=http://www.venture.or.kr target=_blank><img src=http://mysoulmate.campus4.freesell.co.kr//design/mysoulmate/des2010img/banner_05.gif border=0></a>'
    leftrightslide[5]='<a href=http://www.kibo.or.kr target=_blank><img src=http://mysoulmate.campus4.freesell.co.kr//design/mysoulmate/des2010img/banner_06.gif border=0></a>'
    leftrightslide[6]='<a href=http://www.kodit.co.kr target=_blank><img src=http://mysoulmate.campus4.freesell.co.kr//design/mysoulmate/des2010img/banner_07.gif border=0></a>'



var imagegap=""
var slideshowgap=0

var copyspeed=slidespeed
    leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
    if (iedom)
        document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')

var actualwidth=''
var cross_slide, ns_slide
var righttime,lefttime

function fillup(){
    if (iedom){
        cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
        cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
        cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
        actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
        cross_slide2.style.left=actualwidth+slideshowgap+"px"
    }
    else if (document.layers){
        ns_slide=document.ns_slidemenu.document.ns_slidemenuorange
        ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
        ns_slide.document.write(leftrightslide)
        ns_slide.document.close()
        actualwidth=ns_slide.document.width
        ns_slide2.left=actualwidth+slideshowgap
        ns_slide2.document.write(leftrightslide)
        ns_slide2.document.close()
    }
    lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
    if (iedom){
    if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
        cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
    else
        cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"
    if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
        cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
    else
        cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"
    }
    else if (document.layers){
    if (ns_slide.left>(actualwidth*(-1)+8))
        ns_slide.left-=copyspeed
    else
        ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
    if (ns_slide2.left>(actualwidth*(-1)+8))
        ns_slide2.left-=copyspeed
    else
        ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
    }
}

function slideright(){
    if (iedom){
    if (parseInt(cross_slide.style.left)<(actualwidth+8))
        cross_slide.style.left=parseInt(cross_slide.style.left)+copyspeed+"px"
    else
        cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth*(-1)+slideshowgap+"px"
    if (parseInt(cross_slide2.style.left)<(actualwidth+8))
        cross_slide2.style.left=parseInt(cross_slide2.style.left)+copyspeed+"px"
    else
        cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth*(-1)+slideshowgap+"px"
    }
    else if (document.layers){
    if (ns_slide.left>(actualwidth*(-1)+8))
        ns_slide.left-=copyspeed
    else
        ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
    if (ns_slide2.left>(actualwidth*(-1)+8))
        ns_slide2.left-=copyspeed
    else
        ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
    }
}

function right(){
    if(lefttime){
        clearInterval(lefttime)
        clearInterval(righttime)
        righttime=setInterval("slideright()",30)
    }
}

function left(){
    if(righttime){
        clearInterval(lefttime)
        clearInterval(righttime)
        lefttime=setInterval("slideleft()",30)
    }
}
    document.write('<table class=mkbottom width='+sliderwidth+' border="0" cellspacing="0" cellpadding="0">');
    document.write('<tr><td align=center valign=middle width=20><img src='+leftarrowimage+' onMouseover="left(); copyspeed=2" onMouseout="copyspeed=1" style="cursor:hand"></td>')


    if (iedom||document.layers){
        with (document){
            document.write('<td>')
    if (iedom){
        write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
        write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=1">')
        write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
        write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
        write('</div></div>')
    }
    else if (document.layers){
        write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
        write('<layer name="ns_slidemenuorange" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
        write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
        write('</ilayer>')
    }
    document.write('</td>')
    }
}

document.write('<td width="20" align=center valign=middle><img src='+rightarrowimage+' onMouseover="right();copyspeed=2" onMouseout="copyspeed=1" style="cursor:hand"></td></tr></table>')

</script>
추천추천 : 538 추천 목록
번호 제목
84
 input 입력 필드 앞뒤 공백 실시간 제거
83
 Placeholder 포커스시 감추기
82
 [ transition ] 링크 hover 색상 변화 속도 조절
81
 CSS Hover 를 이용한 깔끔한 페이징
80
 스크롤해도 상단에 고정되는 메뉴 만들기
79
 [jQuery] jQuery fadeIn(), fadeOut(), fadeToggle(), fadeTo() 이해하기
78
 쇼핑몰 상품테이블 롤링
77
 Input 한글/영어 제어하기
76
 퀵메뉴
75
 div 태그에 스크롤바(Scroll Bar) 붙이기
74
 CSS Hack을 사용하여 호환성 문제를 해결
73
 자바스크립으로 플래쉬 메뉴처럼...
72
 input 박스에 안내문구 나타내기
71
 input textarea 포커스시 효과주기 이미지
70
 문장에서 특정단어에 효과주기마스터
69
 x 초후 나타나는 레이어...
68
 meta 화면이펙트
67
 원클릭으로 세개의 iframe에 링크 호출하기
66
 카운트다운 후 특정 페이지로 이동합니다
65
 롤오버 버튼 스크립트
64
 버튼 클릭시 열리는 레이어 팝업 이동가능한 레이어 만들기
좌우측 재생 제어되는 자바스크립트 마퀴(marquee) 소스
62
 <blink> 태그 구현
61
 롤오버, 자동 이동 레이어
60
 이미지 롤링
59
 네이버 콤보스타일 메뉴
58
 HTML과 자바스크립트에서 스타일시트 속성
57
 CDATA 섹션[XML 표준]
56
 textfield 크기에 맞게 툴팁(tooltip) 보여주는 레이어
55
 웹페이지 이동 방법
123
목록
취소

(뮤직트로트 앱 설치)
스마트웹 무료음악
BEST TOP 200
트로트TV
뽕짝아가씨
가요 BEST
KPOP MV
못잊을옛날노래
미스트롯&화밤
VOD&MV
실시간 IPTV
종합성인가요방
추천가요＼인기
추억의옛노래
BillBoard Free
WOLRD POPs
HIT BillBoard
POP TOP BEST
최신인기가요특집
트로트성인가요
인기가요
Billboard POP
경음악＼기타
HOT 최신가요
HOT 성인가요
뮤직트로트 부산광역시 부산진구 가야동 ㅣ 개인정보취급방침
Copyright ⓒ musictrot All rights reserved.