首页 > 软件开发 > CSS >

jquery如何改变图片大小

来源:互联网 2023-03-16 19:17:29 512

在写前端页面时,会遇到改变图片大小的需求,今天我给大家介绍下jquery如何改变图片大小zc9办公区 - 实用经验教程分享!

jquery如何改变图片大小zc9办公区 - 实用经验教程分享!

工具/原料

  • 华硕S14
  • window10家庭版
  • Hbuilder

方法/步骤

  • 1

    在编辑器里新建study.html,并在页面头部引入jquery插件zc9办公区 - 实用经验教程分享!

    jquery如何改变图片大小zc9办公区 - 实用经验教程分享!

  • 2

    在body区域放入一张图片和两个按钮zc9办公区 - 实用经验教程分享!

    jquery如何改变图片大小zc9办公区 - 实用经验教程分享!

  • 3

    当点击变大按钮时,将图片放大到600pxzc9办公区 - 实用经验教程分享!

    jquery如何改变图片大小zc9办公区 - 实用经验教程分享!

  • 4

    当点击变小按钮时,将图片缩小到100pxzc9办公区 - 实用经验教程分享!

    jquery如何改变图片大小zc9办公区 - 实用经验教程分享!

  • 5

    在浏览器中打开页面,分别点击变大,变小按钮,发现图片也相对应的放大或缩小zc9办公区 - 实用经验教程分享!

    jquery如何改变图片大小zc9办公区 - 实用经验教程分享!

    jquery如何改变图片大小zc9办公区 - 实用经验教程分享!

    jquery如何改变图片大小zc9办公区 - 实用经验教程分享!

  • 5此文章非法爬取自百度经验
  • 注意事项

    • 没写高度,因为高度是自适应的

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!zc9办公区 - 实用经验教程分享!


    标签: HTMLCSSJQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码