运用JavaScript实现网页上图片与文字的放大与缩小
2019独角兽企业重金招聘Python工程师标准>>>
部分具体代码如下:
<script type="text/javascript">
var size=20;
function changeStyle(state){
var a1=document.getElementById('link1');
if(state=='up'){
size+=5;
a1.style.fontSize=size+'px';
}else{
size-=5;
a1.style.fontSize=size+'px';
}
}
</script>
</head>
<body>
<p id="link1"> jagbfieabv</p>
<input type="button" value="bigger" οnclick="changeStyle('up')" />//放大按钮
<input type="button" value="smaller" οnclick="changeStyle('down')" />//缩小按钮
</body>
当点击放大按钮时,字体也会放放大,同样,再点击缩小按钮,字体也会缩小,
转载于:https://my.oschina.net/u/3820352/blog/1818415
运用JavaScript实现网页上图片与文字的放大与缩小相关推荐
- python获取网页图片_Python获取网页上图片下载地址的方法
本文实例讲述了Python获取网页上图片下载地址的方法.分享给大家供大家参考.具体如下: 这里获取网页上图片的下载地址是正在写的数据采集中的一段,代码如下: #!/user/bin/python3 i ...
- 无法在C语言软件里敲字,网页上不能输入文字怎么办
今天有网友向我们来信反映说电脑开机后,打开浏览器发现自己网页上不能输入文字怎么办.换了几个浏览器还是一样的情况,查不出病毒和插件.下面一起来看看电脑工程师是怎么解决吧! 网页上无法输入字解决方法:( ...
- python抓取网站图片_python抓取图片示例 python抓取网页上图片
python抓取网页上图片 这个错误时是什么意思 下面是代码 import re import urllib.request imp正则表达式匹配的url有错误 for x in add: print ...
- 微信朋友圈的实现(图片查看,手势放大、缩小)
效果图: 简单的就这样,实现效果的方法有多种,可以使用ListView嵌套GridView,也可以直接使用RecycleView,这里只说RecycleView的实现方法. 难一点的地方就是每个ite ...
- Qt5.9自定义按钮实例(上图片下文字,图片文字间距任意可调)
本博客主要总结一个自定义的按钮实例.该实例实现的效果是上面是图片.下面是文字,其中图片位置和文字位置任意可调. 该自定义控件的实现思路如下: a1.新建一个类,该类继承QPushbutton,由于QP ...
- swift新手进阶30天一 自定义上图片下文字的UIButton的几种方式
目前很多app首页功能区都类似工具栏上图标加下文字的方式来自定义按钮.当然,我们也可以用两个控件实现,但是,提升不了我们的逼格.接下来就介绍几种自定义这种上图标下文字的按钮的几种方式.先上图. ![首 ...
- 纯JavaScript在网页上实现”简书“的文章编辑器
今天在"简书"上看到发文章的文本编辑器,觉得很神奇,很梦幻,于是想在网页上实现一下.先上一张自己实现的网页编辑器的效果: 原理:多个input文本域叠加使用 每次点击按钮的时候,都 ...
- 去除网页上图片的虚框和a文字链接上的虚框
以前写样式去除a的链接虚框线我一般用a{ outline:none;},最近看到一篇关于讲这方面知识的文章发现设置 a{outline:none;}虽然可以去除点击时留下的外框,但同时也扼杀了键盘操作 ...
- JS实例:网页上图片延迟加载的JS代码
网页制作Webjx文章简介:大家如果使用firebug去查看的话就会发现,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载,一定程序上加 ...
最新文章
- mysql is复制表结构_MySQL复制表结构和内容到另一张表中的SQL语句
- 轻量级UML工具-UMLet
- zlib 1.2.5 编译 ( VS2010 vc6 )
- 如何配置Microsoft LoopBack Adapter 配置为系统的主网络适配器
- 平台积分体系设计方案
- factors to consider about the publications
- MyBatis:CRUD功能
- CentOS7下安装GUI图形界面
- ESXI转HYPER-V,问题接二连三啊(VMDK转VHD)
- 系统设计:github上学习如何设计大型系统的项目
- Android 下使用 JSON 实现 HTTP 请求,外加几个示例!
- 苹果11如何设置9宫格_iphone九宫格如何设置 iphone九宫格设置方法【详解】
- 随想录(mmu的学习)
- led投屏软件_SmartDrop——LED/LCD大屏内容投屏管理软件
- mysql中timestamp的自动生成与更新
- squid笔记下载_Squid笔记APP下载|Squid笔记安卓版下载
- 数据库缓存一致性解决方案
- 第七周-C语言 求方程的共轭复根
- 改造家里的开关成为智能开关,保留原有开关控制,零火版,基础入门(一)
- RISC-V E300 SOC架构介绍——1.总体介绍