jQuery如何实现点击图标div循环放大缩小功能
导读：本文共1280.5字符，通常情况下阅读需要4分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要： 很基础的一个功能，点击左下角的图标按钮，地图的整个div会变大，变大预览之后，再次点击图标按钮，地图的整个div会变小，恢复原样，两个图标在地图界面的放大和缩小时间不断的切换图标状态（箭头向里面，或者箭头向外面）图片.png图片.png<!DOCTYPEhtml><html><head><metacharset=&... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。很基础的一个功能，点击左下角的图标按钮，地图的整个div会变大，变大预览之后，再次点击图标按钮，地图的整个div会变小，恢复原样，两个图标在地图界面的放大和缩小时间不断的切换图标状态（箭头向里面，或者箭头向外面）
图片.png
图片.png
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><scriptsrc="http://code.jquery.com/jquery-1.8.0.min.js"></script><style>#scale{background:#FFFFFFurl('../img/suo.png')no-repeatscroll0px0px;background-position:centercenter;position:absolute;left:3%;bottom:40%;width:26px;height:26px;}#scale.current{background:#FFFFFFurl("../img/fang.png")no-repeatscroll0px0px;background-position:centercenter;}#updmap{border:1pxsolid#1E90FF;width:400px;height:200px}</style></head><body><divid="scale"></div><divid="updmap"></div></body><script>$("#scale").toggle(function(){$(this).toggleClass("current");$("#updmap").css({"width":"950px","height":"400px",});},function(){$(this).toggleClass("current");$("#updmap").css({"width":"400px","height":"200px",});});</script></html>jquery是什么
jquery是一个简洁而快速的JavaScript库，它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器，并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件，是继Prototype之后又一个优秀的JavaScript代码库，能够用于简化事件处理、HTML文档遍历、Ajax交互和动画，以便快速开发网站。
</div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">本文：
jQuery如何实现点击图标div循环放大缩小功能的详细内容，希望对您有所帮助，信息来源于网络。