·用户注册
·用户登陆
·用户中心
首页
+
网络学院
+
网页特效
+
实用工具
+
网络资源
+
字体下载
+
娱乐世界
+
时尚前沿
+
图片中心
+
动漫天地
+
金石社区
图形
-
网页设计
-
优化
-
动易
-
动网
-
HTML
-
PSD
-
FLASH模板
-
插件
-
杀毒
-
系统工具
-
FLASH音乐
-
FLASH游戏
-
美女
您现在的位置：
金石网
>>
网页特效
>>
相关特效
>> 特效正文
自由控制显示图片大小
『 更新时间：2006-4-1 』『 字体：
变小
变大
』『 作者：未知 | 来源：网络 』
把如下代码加入<body>区域中: 要完成此效果需要两个步骤 第一步：把如下代码加入到<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><a onmousedown="over_upw()" onmouseup="clt()" style="font-size:24px;cursor:hand">+</a> <a onmousedown="over_downw()" onmouseup="clt()" style="font-size:24px;cursor:hand">-</a> <input type="text" name="width" size="4" readonly> <input type="text" name="height" size="4" readonly> <a onmousedown="over_uph()" onmouseup="clt()" style="font-size:24px;cursor:hand">+</a> <a onmousedown="over_downh()" onmouseup="clt()" style="font-size:24px;cursor:hand">-</a> <br><br> <table border ="2"> <tr><td> <img src="/images/LOGO.gif" name="changing"> </td></tr></table> </form> <div STYLE="left:-5000 px;top:0" class="divstyle"> <P ><img src="/images/LOGO.gif" name="changing2"></p> </div> </center>
【点击数：】【
发表评论
】【
加入收藏
】【
告诉好友
】【
打印此文
】【
关闭窗口
】
相
关文章
您的姓名：
评分等级：
1分
2分
3分
4分
5分
评论内容：
1、严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
2、用户需对自己在使用金石网服务过程中的行为承担法律责任。
3、本站管理员有权保留或删除评论内容。
4、评论内容只代表网友个人观点，与本网站立场无关。
禁止图片下载的脚本
图片翻滚导航
图片滚动显示，适合做LOGO链接
图片代替按钮脚本
鼠标响应图片变化
网
友评论
|
设为首页
|
加入收藏
|
联系我们
|
版权申明
|
友情链接
|
站点地图
|
网站帮助
|
网站留言
|
广告服务
|
Copyright © 2001-2008
K
ings
N
et.biz All Rights Reserved. 金石工作室 版权所有
