缩放图片:
<%= image_tag("del.jpg",:onclick=>"new Effect.Scale(this,150)")%>
如果图片是png格式的话(del.png),则只需image_tag("del",...)即可。后面那个数字参数150代表的是放大图片,这里是以100为基准的,小于100就是缩小图片了,另外与100的差值越大则一次变化的幅度也越大哈。
缩放文字:
<div id="outerdiv"
style="width:300px;heght:300px;border:1px solid red;">
<div style="width:15em;height:2em;border:1px solid blue;">
字体动态改变测试哈。
</div>
</div>
<%= link_to_function("小","Element.setContentZoom('outerdiv',80)")%>
<%= link_to_function("中","Element.setContentZoom('outerdiv',100)")%>
<%= link_to_function("大","Element.setContentZoom('outerdiv',120)")%>
以前我用过一个JS也可以实现这个效果,不过这里用effects.js也蛮方便的说。后面那个数字的解释同上。另外,敏捷开发第一版上说要以em为单位指定才有效,用px不行,我试了下,没有此问题,也许是在新版本中已经支持了吧。
分享到:
相关推荐
该实例有prototype.js和effects.js;还涉及有json。。。 推荐有学过的朋友。
unity3d 图像后处理 image Effects 摄像机屏幕后处理工具
effects.js
leadtools.imageprocessing.effects.dllleadtools.imageprocessing.effects.dllleadtools.imageprocessing.effects.dllleadtools.imageprocessing.effects.dllleadtools.imageprocessing.effects.dllleadtools.image...
After.Effects.Bible After.Effects.Bible
Billenium.Effects.v4.1.rar
jquery.effects.blind.js, jquery.effects.bounce.js, jquery.effects.clip.js, jquery.effects.drop.js, jquery.effects.explode.js, jquery.effects.fade.js, jquery.effects.fold.js, jquery.effects.highlight....
多种untiy镜头特效,灰屏,折射,拖尾,残影等。
[Adobe.premiere.pro插件大全].FINAL.EFFECTS.AP
effects1.js
Unity的ImageEffect资源包,适用于unity5.6.5以上版本
[图片特效软件].AMS.Software.Photo.Effects.Studio.v2.81-BEAN.zip 是专业的图片处理工具
Effects.js JavaScript中的代数效果,包括作用域处理程序,多行定界延续和do表示法 如何开始? 您可以在试用它,或将其安装在npm中: $ npm install effkit 文献资料 您可以在阅读文档。 什么是代数效应? 代数...
分为移动端和PC端两级效果,几十款特效合集,可放心使用。 凑一下字数Realistic.Effects.Pack.4.v1.0.unitypackage
CSS+Js编程开发菜单模块特效设计代码CSS + Js Menu Module Programming design code effects
After.Effects.CS4.完美者.part2.rar
special.effects.game.programming1
Filthy.Rich.Clients.Developing.Animated.and.Graphical.Effects.for.Desktop.Java.Applications
Sleepless Underwater Effects.rar