📄 可放缩的图片smallpigpic.txt

📁 JavaScript特效（新）这里有许多的JAVA特效.供学者参考

💻 TXT

字号:

<body  link="#FFFFFF" alink="#FFFFFF" vlink="#FFFFFF" onLoad="initiare()">

<script language="JavaScript1.2">
<!-- Beginning of JavaScript -

// set the URL of the zoomable image (relative or absolute)
var url_image="dog.jpg"

// set the original width of the zoomable image (pixels)
var width_image="640"

///// don't change anything below /////
var on_img=0
var imgs = new Array()
var zoom_factor = new Array()
zoom_factor[0] = 16
zoom_factor[1] = 8
zoom_factor[2] = 4
zoom_factor[3] = 2
zoom_factor[4] = 1

if (document.all) {
	var premes="document.all."
	var aftermes=".style"
}

if (document.layers) {
	var premes="document."
	var aftermes=""
}

for (i=0; i <= 4; i++) {
	document.write('<DIV ID="img'+i+'" style="position:absolute; visibility:hidden; top:0; left: 0">')
	document.write('<IMG SRC="'+url_image+'" width="'+(width_image/zoom_factor[i])+'">')
	document.write('</DIV>')
	imgs[i]=eval(premes+"img"+i+aftermes)
}
	document.write('<DIV ID="img5" style="visibility:hidden; position:absolute; top:110; left:220">')
	document.write('<table width=180 height=80 bgcolor=000000><tr><td align=center valign=middle>')
	document.write('<font size=1 face=Verdana><a href="javascript:zoomup()"><b>zoom out</b></a><br>')
	document.write('<a href="javascript:zoomdown()"><b>zoom in</b></a><br><br>')
	document.write('</font>')
	document.write('</td></tr></table>')
	document.write('</DIV>')
		
	imgs[5]=eval(premes+"img5"+aftermes)


function initiare(){
	imgs[0].visibility="visible"
	imgs[5].visibility="visible"
}

function zoomup(){
	if (on_img <= 3) {
		on_img++
		for (i=0; i<=4; i++) {
			imgs[i].visibility="hidden"
		}
		imgs[on_img].visibility="visible"
	}
}
	
function zoomdown(){
	if (on_img >= 1) {
		on_img--
		for (i=0; i<=4; i++) {
			imgs[i].visibility="hidden"
		}
		imgs[on_img].visibility="visible"
	}
}
// - End of JavaScript - -->
</script>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -