900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > JS 仿Flash动画放大/缩小容器_典型特效

JS 仿Flash动画放大/缩小容器_典型特效

时间:2019-01-06 10:52:49

相关推荐

JS 仿Flash动画放大/缩小容器_典型特效

web前端|js教程

仿Flash动画,放大,缩小

web前端-js教程

砸金蛋活动源码,vscode怎么隐藏终端,ubuntu安装rpi,直接看到tomcat页面,爬虫攻击技巧,php 茶叶网站,博野seo优化公司地址,为什么网站编辑框变成了一堆代码,体育模板lzw

放大缩小容器

thinkphp官网源码,vscode怎么打不开网页,ubuntu 搭建yaf,tomcat平台登录框,爬虫病毒影响,php消息推送技术,张家界百度seo,快约爱是什么网站lzw

*{margin:0;padding:0;} body { padding:1em; } h2 { font-size:2em; } div { display:inline-block; width:10em; padding:.5em; margin-bottom:1em; overflow:hidden; background:#eee; text-align:center; font-size:1em; } p#text { position:absolute; right:10px; top:10px; }

百度云源码分享盘,ubuntu安装pip失败,tomcat发布虚拟目录,国外爬虫翻墙,网页php错误严重,seo-1-seolzw

标题

小容器

标题

大容器

function getDefaultStyle(obj,attribute){ return obj.currentStyle?obj.currentStyle[attribute]:document.defaultView.getComputedStyle(obj,false)[attribute]; } function pr_box(id,e){ clearInterval(document.getElementById(id).maxmin); var obj=document.getElementById(id); var cfont=getDefaultStyle(obj,”fontSize”);// 得到默认的大小:附单位 var cp=cfont.replace(/[0-9]|[\.]/g,””);// 得到默认的单位 var fsize=parseFloat(cfont);// 得到默认的大小数值 var s=10;// 运动速度 if(!obj.fsizeTmpe){// 存储默认大小数值 obj.fsizeTmpe=fsize; } if(!objfont){// 如果没有设置当前大小,则赋予其默认大小 obj.style.fontSize = cfont; } var e = obj.fsizeTmpe*e/100;// 需要改变到的大小数值 var objfont = parseFloat(obj.style.fontSize);// 得到当前的大小 if(e obj.fsizeTmpe){obj.maxmin = setInterval(function(){pr_max(obj,e,cp)},s);} if(e == obj.fsizeTmpe){ if(objfont obj.fsizeTmpe){ obj.maxmin = setInterval(function(){pr_min(obj,obj.fsizeTmpe,cp)},s); } } } function pr_max(obj,e,cp){ if(!obj.fs){ obj.fs=obj.style.fontSize; } var objfont=parseFloat(obj.fs); if(e > objfont){ //document.getElementById(“text”).innerHTML+=”放大 – 原始值:”+objfont+” + 递增值:”+e/10+”

“; obj.fs = objfont+e/10+cp; obj.style.fontSize = obj.fs; } else if(e < objfont){ obj.fs = e+cp; obj.style.fontSize = obj.fs; } else{clearInterval(obj.maxmin);} } function pr_min(obj,e,cp){ if(!obj.fs){ obj.fs=obj.style.fontSize; } var objfont=parseFloat(obj.fs); if(e < objfont){ //document.getElementById("text").innerHTML+="缩小 – 原始值:"+objfont+" – 递减值:"+e/10+"

“; obj.fs = objfont-e/10+cp; obj.style.fontSize = obj.fs; } else if(e > objfont){ obj.fs = e+cp; obj.style.fontSize = obj.fs; } else{clearInterval(obj.maxmin);} }

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。