运用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去查看的话就会发现,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载,一定程序上加 ...
最新文章
- Prometheus 有瓶颈?怎么打造企业级监控系统?
- matlab 1 f噪声,跪求1/f噪声生成代码解释!!
- android text字体居中显示,Android Canvas的drawText()和文字居中方案
- 异常org.xml.sax.SAXParseException; lineNumber: 5; columnNumber: 11; 注释中不允许出现字符串 --。的原因...
- 「洛谷2495」「BZOJ3052」「SDOI2001」消耗战【虚树+树形动态规划】
- python nlp data_Python nlpaug包_程序模块 - PyPI - Python中文网
- win11如何显示所有应用图标 Windows11显示所有应用图标的设置方法
- LYNC2013部署系列PART7:TMG部署
- PAIP.从DATATABLE动态生成表头
- Message Authentication Code
- 第四章 平稳序列的拟合与预测
- 来自腾讯的高性能服务器架构思路
- 电池寿命计算(电池放电支持时长)
- 深度学习之美(张玉宏)——第四章 人生苦短我用python
- 自动化测试 -- 通过Cookie跳过登录验证码
- 工业互联网是不是很难学对于女生而言?
- NS-3教程(2):NS-3简单介绍
- redis:redis-cli使用
- Ubuntu 16.04 一系列软件安装命令,包括QQ、搜狗、Chrome、vlc、网易云音乐安装方法...
- 疫情期间远程办公,我这么计划
热门文章
- 新员工职业化培训课程体系
- Rational Rose2016安装及破解教程
- 【数学建模|Python】蒙特卡洛算法
- 【XingleiGao的日常】我的学习生活的一天 | 以我的一天启迪大家对时间的安排
- 棒球裁判规则的选择题·你答对多少?
- 没出货和人气可能问题在直播流程上
- DJI Robomaster S1 APP反汇编
- win10无线断开无法连接服务器,win10待机wifi断开是怎么回事 win10待机唤醒后无法连接wifi解决方法...
- 金融+IT:作为国内首家智能投顾,理财魔方怎么玩?
- 计算机主板的选购技巧,CPU主板怎么选购 CPU主板选购技巧【详细介绍】