html图片点击旋转

 时间:2026-04-25 20:07:46

1、图片控件添加id

html图片点击旋转

2、js 给 图片控件添加点击事件

    <script>

     

        window.onload = function(){

         

            var current = 0;

         

            document.getElementById('target').onclick = function(){

             

                current = (current+90)%360;

             

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

            }

        };

    </script>

html图片点击旋转

3、打开页面,点击图片就可以看到效果了

html图片点击旋转

html图片点击旋转

  • div+css制作表格(1)”div“应用
  • 如和设置网页图片自动变换
  • html首行缩进怎么设置
  • css+div设置下边框为虚线
  • Dreamweaver:[53]css样式如何应用到网页中去
  • 热门搜索
    成都航空旅游职业学校 韩国旅游多少钱 衡阳旅游 三峡旅游职业技术学院 川西旅游攻略 凤凰古城旅游攻略 本溪旅游 适合情侣旅游的地方 北戴河旅游景点 衡水旅游