2顶

[js放大镜]使用js放大图片的特效

稿源：互联网 2022-04-23 16:20:03 点击： 3101 撤稿纠错

[js放大镜]使用js放大图片的特效，图片暂时不能显示，但是效果是有了，您自己根据需要来添加图片吧。

以下讨论的是和js 放大特效相关的[js放大镜]使用js放大图片的特效教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><br><html><br><head><br><title>Javascript Images zoom-out view sample. Brought to you by 斩梦人.天天 <br>QQ:22062019</title><br><script language="JavaScript"><br><br></script><br><style type="text/css"><br><br></style><br></head><br><body><br>Some text here...<br>ok.| 您需要做的仅仅是加入picshow块和picbox块,设置必要参数,剩下的就让JS去做吧! (移到小图上看更多说明)<br><table cellpadding="0" cellspacing="0" border="2" width="100%"><br><tr><br> <td>1</td><br> <td>2</td><br> <td>3</td><br></tr><br><tr><br> <td width="520" align="center"><br><div id="picshow"><br> <img id="bpic" onload="loaddone(tempo)"/><br> <div id="loading"><br>  <img src="http://www.whoj.net/images/loading.gif" border="0"/> Loading<br>  <div class="text">Please wait...<br><br><br></div><br> </div><br></div><br> </td><br> <td><br><div class="picbox" show="show"><br> <div class="view" onmousemove="if (!isIE) move(event,this,1)"></div><br> <img class="spic" lowsrc="http://www.whoj.net/images/b1.jpg" src="http://www.whoj.net/images/s1.jpg" onmousemove="move(event,this,0)" dLeft="700" dTop="300" title="设置标签属性show='show'显示默认图片,设置dLeft,dTop定义默认偏移量"/><br></div><br><div class="picbox"><br> <div class="view" onmousemove="if (!isIE) move(event,this,1)"></div><br> <img class="spic" lowsrc="http://www.whoj.net/images/b2.jpg" src="http://www.whoj.net/images/s2.jpg" onmousemove="move(event,this,0)" showW="200" showH="200" title="可自定义预览图大小"/><br></div><br><div class="picbox"><br> <div class="view" onmousemove="if (!isIE) move(event,this,1)"></div><br> <img class="spic" lowsrc="http://www.whoj.net/images/b4.jpg" src="http://www.whoj.net/images/s4.jpg" width="302" onmousemove="move(event,this,0)" title="小图可以按比例放大"/><br></div><br> </td><br> <td>In table<br><div class="picbox"><br> <div class="view" onmousemove="if (!isIE) move(event,this,1)"></div><br> <img class="spic" lowsrc="http://www.whoj.net/images/b3.jpg" src="http://www.whoj.net/images/s3.jpg" width="60" onmousemove="move(event,this,0)" title="也可以按比例缩小"/><br></div><br><div class="picbox"><br> <div class="view" onmousemove="if (!isIE) move(event,this,1)"></div><br> <img class="spic" lowsrc="http://www.whoj.net/images/b3.jpg" src="http://www.whoj.net/images/s3.jpg" onmousemove="move(event,this,0)" showW="500" showH="200" title="可以嵌套在table中"/><br></div><br> </td><br></tr><br></table><br>Out of table<br><div class="picbox"><br> <div class="view" onmousemove="if (!isIE) move(event,this,1)"></div><br> <img class="spic" lowsrc="http://www.whoj.net/images/b2.jpg" src="http://www.whoj.net/images/s2.jpg" onmousemove="move(event,this,0)" title="放在table外面也没有问题"/><br></div><br><div class="picbox"><br> <div class="view" onmousemove="if (!isIE) move(event,this,1)"></div><br> <img class="spic" lowsrc="http://www.whoj.net/images/s4.jpg" src="http://www.whoj.net/images/s4.jpg" onmousemove="move(event,this,0)" showW="1000" showH="1000" title="showW='1000' showH='1000',如果指定预览图比原图大,则使用原图大小" /><br></div><br><div class="picbox"><br> <div class="view" onmousemove="if (!isIE) move(event,this,1)"></div><br> <img class="spic" lowsrc="http://www.whoj.net/images/b5.jpg" src="http://www.whoj.net/images/s5.jpg" onmousemove="move(event,this,0)" showW="160" showH="320" title="代码较上一版本健壮,能在IE,FF下稳定工作,基本支持OP,欢迎大家帮助测试!"/><br></div><br><div class="picbox"><br> <div class="view" onmousemove="if (!isIE) move(event,this,1)"></div><br> <img class="spic" lowsrc="http://www.whoj.net/images/b5.jpg" src="http://www.whoj.net/images/s5.jpg" onmousemove="move(event,this,0)" width="500" height="112" title="即使没有按比例拉伸,也可以正常工作"/><br></div><br></body><br></html></font><br><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

关于[js放大镜]使用js放大图片的特效的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200805311063.shtml方便下次再访问哦。

·上一篇： 让图片淡入淡出的脚本特效代码
·下一篇： 不间断图片横向滚动特效代码

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

[js放大镜]使用js放大图片的特效

文章分类LIST >>返回首页

最新游戏

最新新闻