分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

jquery实现图片放大效果

发布时间:2023-09-06 01:18责任编辑:胡小海关键词:暂无标签

好久没更新了,先来一发关于jquery图片放大缩小的代码

直接上代码

前端页面:

<tr>    <td height="30" align="right" bgcolor="#f2f2f2" class="left_txt2">产品相册</td>    <td bgcolor="#f2f2f2">&nbsp;</td>    <td width="32%" height="30" bgcolor="#f2f2f2" class="goodsimgupload">        <span id="uploadPercent"></span>        <input type="hidden" value="<?php echo $result[‘goodsimg‘];?>" name="goodsimg" />        <img src=\‘#\‘" /td></tr>
$(function (){    var isbig = -1;//定义全局变量 判断放大缩小 自己发挥的写吧    $(".img").click(function(){        if(isbig == -1) {            $("#img_id").animate({height: "300px", width: "300px"});            isbig = 1;        }else{            $("#img_id").animate({height: "50px", width: "100px"});            isbig = -1;        }    });});


本文出自 “kangjunfei” 博客,转载请与作者联系!

jquery实现图片放大效果

原文地址:http://kangjunfei.blog.51cto.com/11556647/1973835

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved