***相关特效***自由控制显示图片大小
把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件要完成此效果需要两个步骤
第一步：把如下代码加入到<head>区域中
<style>
.divstyle{position:absolute; width="0";height:"0"}
</style>
<script>
<!--
function showimg(form)
{
adres = form.image_file.value;
index = adres.indexof(".gif");
index = index + adres.indexof(".jpg");
index = index + adres.indexof(".bmp");
if (form.image_file.value == "")
{alert("错误，未发现任何图片!");}
else
{if (index == -3){alert("错误的图片格式");
form.width.value=0;
form.height.value=0;}
else
{
var img_obj = new image();
img_obj = form.image_file.value;
document.changing.src = img_obj;
document.changing2.src= img_obj;
document.changing.width = document.changing2.width;
document.changing.height = document.changing2.height;
set();
}
}
}
fast = 0;
change = 0;
function upw(){
document.image.width.value=parseint(document.image.width.value)+1;
resize();}
function over_upw(){upw();
change = 1;
changetime = settimeout("fast_upw()","600");}
function fast_upw(){cleartimeout(changetime);
upw();
fast = settimeout("fast_upw()","100");}
function clt(){
if (change == 1){cleartimeout(changetime);}
cleartimeout(fast);
change = 0;
}
function resize(){document.changing.height = document.image.height.value;
document.changing.width = document.image.width.value;}
function downw(){document.image.width.value=parseint(document.image.width.value)-1;
resize();}
function over_downw(){downw();
change = 1;
changetime = settimeout("fast_downw()","600");}
function fast_downw(){cleartimeout(changetime);
downw();
fast = settimeout("fast_downw()","100");}
function uph(){document.image.height.value=parseint(document.image.height.value)+1;
resize();}
function over_downh(){downh();
change = 1;
changetime = settimeout("fast_downh()","600");}
function fast_downh(){cleartimeout(changetime);
downh();
fast = settimeout("fast_downh()","100");}
function over_uph(){uph();
change = 1;
changetime = settimeout("fast_uph()","600");}
function fast_uph(){cleartimeout(changetime);
uph();
fast = settimeout("fast_uph()","100");}
function downh(){document.image.height.value=parseint(document.image.height.value)-1;
resize();}
function set(){
document.image.width.value=document.changing.width;
document.image.height.value=document.changing.height;}
-->
</script>
第二步：把如下代码加入到<body>区域中
<center>
<form name="image">
<input type="file" name="image_file"><br><br>
<input type="button" name="show" value="show image" onclick="showimg(this.form)">
<br><br>
宽 高
<br><img src="../ts/pic/up.gif" onmousedown="over_upw()" onmouseup="clt()">
http://code.ik8.com/html/../ts/pic/up.gif<img src="../ts/pic/down.gif" onmousedown="over_downw()" onmouseup="clt()">
http://code.ik8.com/html/../ts/pic/down.gif<input type="text" name="width" size="4" readonly>
<input type="text" name="height" size="4" readonly>
<img src="../ts/pic/up.gif" onmousedown="over_uph()" onmouseup="clt()" >
http://code.ik8.com/html/../ts/pic/up.gif<img src="../ts/pic/down.gif" onmousedown="over_downh()" onmouseup="clt()">
http://code.ik8.com/html/../ts/pic/down.gif<br><br>
<table border ="2">
<tr><td>
<img src="http://jojoo.net/www.jojoo.net/logo.gif" name="changing">
http://jojoo.net/www.jojoo.net/LOGO.gif</td></tr></table>
</form>
<div style="left:-5000 px;top:0" class="divstyle">
<p ><img src="http://jojoo.net/www.jojoo.net/logo.gif" name="changing2">http://jojoo.net/www.jojoo.net/LOGO.gif</p>
</div>
</center>
---------- - ---------------------------
拥有三人行 论坛管理系列软件，一个人就可以管 理一个论坛的更新维护。还能使您的论坛有千人在线的真实火 暴 效果， 让您不在为论坛因没有人气而留不住会员而烦恼，使 您的论坛早日 成为一流的论坛。详情请登陆网站：http: / /w ww.cnsrx.cn 三人行论坛管理软件 ，站长必 备的专业好工具。（您使用的是免费版本，购买收费版本后，将不带广告。业务QQ:247216 44985227）
页:
[1]