웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
▩그림 슬라이드 되고, 마우스 대면 그림 멈추는 스크립트
2002.02.26 18:58
=================================================================
예제보기 http://my.dreamwiz.com/dong0987/study17.htm
=================================================================
=================================================================
<body> 와 < /body> 사이에 넣어주세요.
=================================================================
<script language="JavaScript1.2">
<!--
/*
Conveyor belt slideshow script-
?Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
//Specify the slider's width (in pixels)
var sliderwidth=330
//Specify the slider's height (in pixels, pertains only to NS)
var sliderheight=145
//Specify the slider's scroll speed (larger is faster)
var slidespeed=4
//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="#"><img src="http://dong0987.nayes.net/study/images/moon1.jpg" width="94" height="101" border=0></a>'
leftrightslide[1]='<a href="#"><img src="http://dong0987.nayes.net/study/images/moon.jpg" width="94" height="101" border=0></a>'
leftrightslide[2]='<a href="#"><img src="http://dong0987.nayes.net/study/images/basara13.jpg" width="94" height="101" border=0></a>'
leftrightslide[3]='<a href="#"><img src="http://dong0987.nayes.net/study/images/basara2.jpg" width="94" height="101" border=0></a>'
leftrightslide[4]='<a href="#"><img src="http://my.dreamwiz.com/dong0987/images/basara21-1.jpg"width="94" height="101" border=0></a>'
///////do NOT edit pass this line////////////////////////////////////
var copyspeed=slidespeed
//copy contents of leftrightslide into one variable
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide[i]+" "
if (document.all){
//dynamically write out the marquee tag
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
//stop marquee when mouse is over it
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
//re-enable marquee when mouse is out
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",450)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}
//NS specific function for initializing slider upon page load
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}
//NS specific function for sliding slideshow
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.onload=regenerate2
//-->
</script>
</font><font color="#000000"><ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>
<!--~============ LAYER ============~-->
</font><layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed" id="layer1" left="50" top="50" width="200" height="200" z-index="1">
<p> </p>
</layer>
<p><!--~========== END LAYER ==========~-->
</ilayer>
<div ALIGN="right">
</div>
</body>
===================================================================
바꾸는 부분
그림 파일
http://dong0987.nayes.net/study/images/moon1.jpg --> 요런거 바꾸면 됩니다.
보시면 아시리라고 당연히 믿습니다. (아멘!)
예제보기 http://my.dreamwiz.com/dong0987/study17.htm
=================================================================
=================================================================
<body> 와 < /body> 사이에 넣어주세요.
=================================================================
<script language="JavaScript1.2">
<!--
/*
Conveyor belt slideshow script-
?Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
//Specify the slider's width (in pixels)
var sliderwidth=330
//Specify the slider's height (in pixels, pertains only to NS)
var sliderheight=145
//Specify the slider's scroll speed (larger is faster)
var slidespeed=4
//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="#"><img src="http://dong0987.nayes.net/study/images/moon1.jpg" width="94" height="101" border=0></a>'
leftrightslide[1]='<a href="#"><img src="http://dong0987.nayes.net/study/images/moon.jpg" width="94" height="101" border=0></a>'
leftrightslide[2]='<a href="#"><img src="http://dong0987.nayes.net/study/images/basara13.jpg" width="94" height="101" border=0></a>'
leftrightslide[3]='<a href="#"><img src="http://dong0987.nayes.net/study/images/basara2.jpg" width="94" height="101" border=0></a>'
leftrightslide[4]='<a href="#"><img src="http://my.dreamwiz.com/dong0987/images/basara21-1.jpg"width="94" height="101" border=0></a>'
///////do NOT edit pass this line////////////////////////////////////
var copyspeed=slidespeed
//copy contents of leftrightslide into one variable
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide[i]+" "
if (document.all){
//dynamically write out the marquee tag
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
//stop marquee when mouse is over it
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
//re-enable marquee when mouse is out
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",450)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}
//NS specific function for initializing slider upon page load
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}
//NS specific function for sliding slideshow
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.onload=regenerate2
//-->
</script>
</font><font color="#000000"><ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>
<!--~============ LAYER ============~-->
</font><layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed" id="layer1" left="50" top="50" width="200" height="200" z-index="1">
<p> </p>
</layer>
<p><!--~========== END LAYER ==========~-->
</ilayer>
<div ALIGN="right">
</div>
</body>
===================================================================
바꾸는 부분
그림 파일
http://dong0987.nayes.net/study/images/moon1.jpg --> 요런거 바꾸면 됩니다.
보시면 아시리라고 당연히 믿습니다. (아멘!)
제목 | 글쓴이 | 날짜 |
---|---|---|
[FreeBSD] bind를 몰아낼 djbdns 설치하기 [5] | DeX™ | 2002.11.26 |
Apache + PHP + Mysql확실한 연동 및 리눅스 재설치 정보 [2] | 최종우 | 2002.11.26 |
리눅스 mysql 사용자 계정주기/삭제하기 [4] | 정인배 | 2002.11.22 |
리눅스 서버를 구축해 보자! #2 [5] | 꼬토 | 2002.11.22 |
리눅스 서버를 구축해 보자! #1 [11] | 꼬토 | 2002.11.21 |
리눅스(레드헷8.0 배포판 기준) 처음 설치하시는 분들을 위한 apm 초간단 팁 [8] | 김종환 | 2002.11.17 |
리눅스 시스템관리 고급 명령어 | 정인배 | 2002.11.16 |
ab 를 이용한 간편한 아파치 성능 측정 [2] | 정인배 | 2002.11.15 |
윈xp pro 를 net 서버로 바꾸기 [7] | 정회철 | 2002.11.13 |
[Lindox] 설치 강좌 쓸때 유용한 명령어 [4] | NeSTY♨™ | 2002.11.05 |
[기초] 퍼미션 값에 대해서 [4] | NeST™y | 2002.11.05 |
[Lindox] 실수로 기본 명령어삭제시 강제 복구하기 | NeSTY♨™ | 2002.11.05 |
[Lindox] 가상콘솔 줄여서 메모리 절약하기.. | NeSTY♨™ | 2002.11.05 |
[기초]커널 2.4.x, quota 셋팅법 | NeST™y | 2002.11.05 |
사용자 자동 등록 쉘스크립트 [1] | 편리 | 2002.11.05 |
OpenBSD3.2 설치가이드 - 완결 [3] | pravda | 2002.11.02 |
네임서버 설정 ver.1 [/etc 폴더편] [2] | 손택수 | 2002.10.24 |
리눅스로 웹호스팅을 하기위해서... [15] | Dopesoul | 2002.10.23 |
APMPack 입니다요. [13] | Blainfo | 2002.10.19 |
각 디렉토리의 역할 [2] | Dopesoul | 2002.10.15 |
흐르게 할 수 없을까요?
저는 가로로 6개의 그림이 있는것을 흐르게 하고 싶어요.
http://www.book45.net