www.jbmf.net > 用js怎样使图形逐渐变大

用js怎样使图形逐渐变大

<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" id="img" style="width:137px;height:46px;"><script>window.onload = auto();function auto(){ var im = document.getElementById("img"); var w = parseInt(im.style.

&lt;img src="http://img.baidu.com/img/logo-zhidao.gif" id="img" style="width:137px;height:46px;"&gt;&lt;script&gt;window.onload = auto();function auto(){ var im = document.getElementById("img"); var w = parseInt(im.style.width); var h =

jQuery的animate动画</script><script> $(document).ready(function(){ $("button").click(function(){ $("div").animate({ left:'250px', opacity:'0.5', height:'150px', width:'150px' }); }); });</script> 开始动画默认情况下,所有 HTML 元素的位置都是静态的,并且无法移动

看canvas的用法,context.drawImage(image,0,0,image.width,image.height)之后用canvas.toDataURL()把调整大小后的图片转换为url就可以了

简单点说就是用js控制img的src属性,达到切换效果 function swapIC2(n) { document['ICImage2'].src=arICImages2[n]; } ===================================================== <script language="javascript"> //这是页面里主要的代码

下面的图片按钮增加onclick属性,onclick="function()"然后定义一个函数取下面小图的文件路径加载到上面大图里面假设下面是img标签<img src="xxxxx.jpg" onclick="showImg()"></img>上面大图是<img id="largePhotoView">function showImg(){ //这里用到的是Jquery选择器,用document.getElementById(id);函数也可以做到 //this.src我不确定对不对,反正是取当前对象的src属性 $("#largePhotoView").attr("src",this.src);}然后点击对应的小图就可以了

JQ 有个动画函数,.animate 让高,宽,还有CSS的圆弧度还有 圆的距离顶部,左边距离一起变化就可以了

首先把这张图片转换成元件(元件类型为图形)然后在第15帧(第几帧就看你需要图片多就消失了)按F6创建关键帧之后打开属性面板,点击15帧上的图片.然后在颜色选项中选择Alpha这项,然后把数值改成0%最后在1至15帧间任意选一帧.然后在那帧上直接鼠标右键,选择创建补间动画就可以了.这个是我的相册.我把步骤截了几张图片让你看得更清楚(看到图片后直接点击图片看大图!图片很大需要看原始图片)http://photo.163.com/photos/milk_yan004/142739743/

或者换种思路吧.把大图写在一个DIV中:<div id="id1">大图</div>然后小图onmouseover="swap();"<script>function swap(){document.getElementById("id1").innerHTML="另一张大图".}</script>document.getElementById("id1").innerHTML 就是id1中的内容.这样写代码简单很多.有什么问题可以给我留言.希望对你有帮助.

首先想到是的类似 mask 的概念,你有一张PNG图片,中间是透明的不规则图形,四周颜色和你的背景颜色一致,然后再这张图片的后面放你要显示的图片,然后JS控制切换. 问题是 IE6 不支持PNG透明层.你需要额外的JS来打开.

网站地图

All rights reserved Powered by www.jbmf.net

copyright ©right 2010-2021。
www.jbmf.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com