前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >弹出层图片旋转HTML代码弹出层代码

弹出层图片旋转HTML代码弹出层代码

作者头像
用户5899361
发布2020-12-07 14:33:55
7.9K0
发布2020-12-07 14:33:55
举报
文章被收录于专栏:学习java的小白

HTML代码

代码语言:javascript
复制
<div >原图片<img src="XXXX" id="img" style="width: 100px;height: 100px"></div>

弹出层代码

代码语言:javascript
复制
  $("#img").click(function () {
                            //弹出层
                            layer.open({
                                //type: 1,
                                title: '查看图片',
                                area: ['80%', '80%'],
                                content:'<img src="'+imgUrl+'" id="img1">',
                                success: function () {
                                    var current = 0;
                                    $(document).on("click","#img1",function(){





                                            //document.getElementById('img1').onclick = function(){
                                                //图片旋转
                                                current = (current+90)%360;

                                                this.style.transform = 'rotate('+current+'deg)';

                                     //   };

                                    });


                                }
                            });
                        });
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • HTML代码
  • 弹出层代码
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档