首页
JS代码
矢量素材
PSD素材
网页模板
高清图片
QQ表情
PNG图标
Flash素材
佳作欣赏
字体下载
PPT模板
设计软件
登录
|
注册
全站搜索
矢量素材
PSD素材
JS代码
QQ表情
高清图片
网页模板
PNG图标
Flash素材
字体下载
原创作品
佳作欣赏
设计软件
设计教程
原创作品
TAG标签
|
RSS订阅
[
设为首页
] [
加入收藏
]
当前位置:
主页
>
JS代码
>
文字特效
>
js控制页面字体放大缩小效果_文字特效_JS代码
时间:
2013-02-21 18:46
来源:
93diy
作者:
admin
点击:
次
标签:
js
文字特效
放大缩小
控制页面
JS代码
字体
简介:js控制页面字体放大缩小效果_文字特效_JS代码
js控制页面字体放大缩小效果_文字特效_JS代码
+ 放大字体
|
+ 减小字体
Javascript:
var tgs = new Array( 'div','td','tr');
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;
function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;
sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;
if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
cEl.style.fontSize = szs[ sz ];
for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}
查找更多代码,请访问:
www.93diy.com
提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。
(责任编辑:93diy)
顶一下
(4)
80%
踩一下
(1)
20%
------分隔线----------------------------
上一篇:
鼠标移过文字放大的JS动态菜单_文字特效_JS代码
下一篇:
超出的文字截字,用省略…代替_文字特效_JS代码
收藏
挑错
推荐
打印
相关文章
更多>>
最新推荐
更多>>
超酷仿黑客帝国片头字幕掉落代码
更新:2014-08-21
HTML5仿骇客帝国片头文字矩阵代
更新:2014-08-21
兼容IE和FireFox的无缝隙文字间
更新:2013-12-06
网站常用li列表的双色背景效果隔
更新:2013-11-13
热点文章
更多>>
javascript点击展开关闭层查看更
更新:2013-09-24
超酷仿黑客帝国片头字幕掉落代码
更新:2014-08-21
网页里实现点击字体大中小切换_
更新:2013-03-25
新闻滚动jQuery单行文字上下不间
更新:2013-03-15
关于我们
关于93DIY
93DIY大事记
版权声明
免责声明
广告服务
帮助中心
常见问题
网友投稿
网站公告
在线客服
加关注
新浪微博
腾讯微博
QQ交流群
友情链接
所有链接
|
申请加入
模板素材
一站通
平面设计素材
素材
素材库
3D模型设计
psd素材
织梦模板网
威客素材
Java源代码下载
xw素材网
建站素材免费下载
网页特效代码
素材网
字体下载
高清图片素材
桌面壁纸
网站建设
本站部分资料来源于互联网,仅供网友参考和学习,请勿抄袭或做其他用途。 如果我们无意中侵犯了您的版权,敬请告之,我们核实后,将在第一时间删除,谢谢!
Copyright 2012-2022 93diy.com, All Rights Reserved 京ICP备13005298号