jQuery实现点击图标差异循环放大缩小功能

很基础的一个功能，点击左下角的图标按钮，地图的整个差异会变大，变大预览之后，再次点击图标按钮，地图的整个差异会变小，恢复原样，两个图标在地图界面的放大和缩小时间不断的切换图标状态（箭头向里面，或者箭头向外面)

图片。巴布亚新几内亚

图片。巴布亚新几内亚

！DOCTYPE html html head meta charset=' UTF-8 ' title/title script src=' http :http://代码。jquery。com/jquery-1。8 .0 .量滴js '/脚本样式# scale { background : # FFFFFF URL('./img/suo。png ')无重复滚动0px 0px背景-位置：中心；绝对位置：左侧： 3%;底部： 40%;宽度： 26px高度： 26px} #刻度。当前{背景： # FFFFFF URL('./img/方。png ')无重复滚动0px 0px背景-位置：中心；} #updmap { border: 1px实心# 1E90FF宽度： 400像素；高度： 200 px }/样式/头体div id=' scale '样式=' '/div div id=' upd map '/div/体脚本$(' # scale ').切换(函数(){ $(this)).切换类(“当前”)；$('#updmap ').css({ 'width': '950px '，' height': '400px '，})；}，function() { $(this).切换类(“当前”)；$('#updmap ').css({ 'width': '400px '，' height': '200px '，})；});/script/html总结

以上所述是小编给大家介绍的框架实现点击图标差异循环放大缩小功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！