YesYo.com MintState Forums
뒤로    YesYo.com MintState BBS > Tech > Javascript
검색
멤버이름    오토
비밀번호 
 

상하 롤링 시간제어가능

페이지 정보

작성자 MintState 댓글 0건 조회 13,526회 작성일 08-11-17 13:53

본문

상하 롤링 시간제어가능


<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
<script type="text/javascript">
<!--
Function.prototype.bind = function() {	var _$=this,args =[],object=null;	for(var i=0,len=arguments.length;i<len;i++) args[i]=arguments[i];object = args.shift();return  function(){return _$.apply(object, args);}}
Function.prototype.bindForEvent=function(obj) {var _$=this;return function(e){var body=document.body||document.documentElement;var hEvent=(e||window.event);hEvent['element']=hEvent.target||hEvent.srcElement;hEvent['cX']=hEvent.pageX||(hEvent.clientX+(body.scrollLeft-body.clientLeft));hEvent['cY']=hEvent.pageY||hEvent.clientY+body.scrollTop-body.clientTop;return _$.call(obj, hEvent);}}

//-->
</script>
<script language="javascript" type="text/javascript" src="xwz.vroll.js" charset="UTF-8"></script>
<style>
OL, LI{margin:0px}
OL{border:red 1px dotted}
LI{list-style-type: none;margin:0px;float: left;width:100px;height:100px;padding-top:6px;list-style-type:none;text-align:center}
</style>


		<div id='new_arrival' style='height:124px;width:210px;position:relative;text-overflow:ellipsis;border:green 1px solid'>

<ol>

				<li>
					<div><img src='images/21.jpg' border='0'></div>
					<div style='font-size:8pt;font-family:Tahoma'><b>테스트1</b></div>
				</li>

				<li>
					<div><img src='images/21.jpg' border='0'></div>
					<div style='font-size:8pt;font-family:Tahoma'><b>테스트1</b></div>
				</li>
</ol>
<ol>

				<li>
					<div><img src='images/22.jpg' border='0'></div>
					<div style='font-size:8pt;font-family:Tahoma'><b>테스트2</b></div>
				</li>

				<li>
					<div><img src='images/22.jpg' border='0'></div>
					<div style='font-size:8pt;font-family:Tahoma'><b>테스트2</b></div>
				</li>
</ol>
<ol>

				<li>
					<div><img src='images/23.jpg' border='0'></div>
					<div style='font-size:8pt;font-family:Tahoma'><b>테스트3</b></div>
				</li>

				<li>
					<div><img src='images/23.jpg' border='0'></div>
					<div style='font-size:8pt;font-family:Tahoma'><b>테스트3</b></div>
				</li>
</ol>
<ol>

				<li>
					<div><img src='images/21.jpg' border='0'></div>
					<div style='font-size:8pt;font-family:Tahoma'><b>테스트4</b></div>
				</li>

				<li>
					<div><img src='images/21.jpg' border='0'></div>
					<div style='font-size:8pt;font-family:Tahoma'><b>테스트4</b></div>
				</li>
</ol>
<ol>

				<li>
					<div><img src='images/22.jpg' border='0'></div>
					<div style='font-size:8pt;font-family:Tahoma'><b>테스트5</b></div>
				</li>

				<li>
					<div><img src='images/22.jpg' border='0'></div>
					<div style='font-size:8pt;font-family:Tahoma'><b>테스트5</b></div>
				</li>
</ol>
<ol>
				<li>
					<div><img src='images/23.jpg' border='0'></div>
					<div style='font-size:8pt;font-family:Tahoma'><b>테스트6</b></div>
				</li>

				<li>
					<div><img src='images/23.jpg' border='0'></div>
					<div style='font-size:8pt;font-family:Tahoma'><b>테스트6</b></div>
				</li>
</ol>
		</div>

<script type="text/javascript">
<!--
var xroll1=new xwzVRoll('new_arrival', 'ol', 120);
xroll1.setDirection('dn');
xroll1.setDelaytime(1);
xroll1.on();
function changeDir(obj){
	if(obj.value=='UP'){
		xroll1.setDirection('up');
		obj.value='DN';
	}else if(obj.value=='DN'){
		xroll1.setDirection('dn');
		obj.value='UPDOWN';
	}else{
		xroll1.setDirection('updn');
		obj.value='UP';
	}
}
function changeTime(val){
	xroll1.setDelaytime(val)
}
function changePeriod(val){
		xroll1.setPeriod(val)
}
//-->
</script>
<div style="margin:10px">
<input type="button" onclick="changeDir(this)" value="UP" style="border:#CACACA 1px solid">
<select onchange="changeTime(this.value)">
<option value="1">1초 정지</option>
<option value="2">2초 정지</option>
<option value="3" selected>3초 정지</option>
<option value="4">4초 정지</option>
<option value="5">5초 정지</option>
<option value="6">6초 정지</option>
<option value="7">7초 정지</option>
</select>
<select onchange="changePeriod(this.value)">
<option value="15">빠르게</option>
<option value="30" selected>보통</option>
<option value="60">느리게</option>
</select>
</div>
첨부 파일
파일 종류: png vroll.png (13.7K, 25 views)
파일 종류: rar vroll.rar (3.9K, 11 views)

댓글목록

등록된 댓글이 없습니다.

Total 178건 3 페이지
Javascript 목록
번호 제목 글쓴이 조회 날짜
138 MintState 15199 11-17
137
세로롤링 댓글+ 1
MintState 13114 11-17
136 MintState 11831 11-17
135 MintState 11483 11-17
134 MintState 13135 11-17
133 MintState 13018 11-17
132 MintState 13638 11-17
131 MintState 14367 11-17
열람중 MintState 13527 11-17
129 MintState 11708 11-17
128 MintState 12569 11-17
127 MintState 13364 11-17
126 MintState 12600 11-17
125 MintState 16411 11-17
124 MintState 13998 11-17
123 MintState 8645 11-17
122 MintState 13198 11-17
121 MintState 13978 11-17
120 MintState 7871 11-17
119 MintState 8498 11-17
게시물 검색
모바일 버전으로 보기
CopyRight ©2004 - 2021, YesYo.com MintState. ™