이미지 변경효과 (자동, 수동)
로빈아빠
본문
이미지 변경효과 (자동, 수동)
http://www.x-wiz.com/
<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.verticalstrip.js" charset="UTF-8"></script> <div style="width:200px"> 자동 <div id="id_div_frame1" style="background-color:#EEEEEA;"></div> 수동 -.-ㅋ <div id="id_div_frame2" style="background-color:#F2F2F2;"></div> </div> <script type="text/javascript"> <!-- function init(){ var xvs1=new xwzVerticalStrip('id_div_frame1'); var xvs2=new xwzVerticalStrip('id_div_frame2'); xvs1.add('images/300.jpg','verticalstrip.html', 'images/vs_titlie1.png', 'images/vs_titlie1ov.png'); xvs1.add('images/301.jpg','verticalstrip.html', 'images/vs_titlie2.png', 'images/vs_titlie2ov.png'); xvs1.add('images/302.jpg','verticalstrip.html', 'images/vs_titlie3.png', 'images/vs_titlie3ov.png'); xvs1.add('images/303.jpg','verticalstrip.html', 'images/vs_titlie4.png', 'images/vs_titlie4ov.png'); xvs2.add('images/304.jpg','verticalstrip.html', 'images/vs_titlie5.png', 'images/vs_titlie5ov.png'); xvs2.add('images/305.jpg','verticalstrip.html', 'images/vs_titlie6.png', 'images/vs_titlie6ov.png'); xvs2.add('images/306.jpg','verticalstrip.html', 'images/vs_titlie7.png', 'images/vs_titlie7ov.png'); xvs1.setPeriod(20); xvs2.setPeriod(10); xvs1.apply(1); xvs2.apply() } window.onload=init; //--> </script>
http://www.x-wiz.com/
관련링크
댓글목록
등록된 댓글이 없습니다.