广告合作
  • 今日头条

    今日头条

  • 百度一下

    百度一下,你就知道

  • 新浪网

    新浪网 - 提供新闻线索,重大新闻爆料

  • 搜狐

    搜狐

  • 豆瓣

    豆瓣

  • 百度贴吧

    百度贴吧——全球领先的中文社区

  • 首页 尚未审核订阅工具 订阅

    js中怎么更改transform的值

    来源:网络收集  点击:  时间:2024-08-27
    【导读】:
    js中怎么更改transform的值,transoform是其中一种CSS样式,可以进行对图形或者文字旋转,如果我们要修改这个值,可以用JS,因为JS可以动态来修改,这样更加丰富页面的功能。工具/原料morechrome浏览器windows7sublime text3方法/步骤1/6分步阅读

    打开sublime text3编辑器,新建一个HTML文档。

    2/6

    建造一下HTML的基本架构。

    3/6

    创建一个CSS文档,并且关联HTML文档。

    现在我们为DIV设置样式。

    4/6

    现在我们创建一个按钮,要求按钮按了以后图形会变形。

    5/6

    新建一个JS文档,并且关联HTML文档,再在BUTTON标签里面加入onclick=transform()监听事件。

    6/6

    function transform(){

    var tsf = document.getElementById(div);

    var degree = 15deg;

    tsf.style.transform = rotate(+ degree +);

    }

    这个时候我们完善一下函数,现在点击一下就能更改transform的值了。

    注意事项

    注意选择ID的时候名字要加上引号

    JSJAVASCRIPTTRANSFORMHTML函数
    本文关键词:

    版权声明:

    1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

    2、本站仅提供信息发布平台,不承担相关法律责任。

    3、若侵犯您的版权或隐私,请联系本站管理员删除。

    4、文章链接:http://www.1haoku.cn/art_1159341.html

    相关资讯

    ©2019-2020 http://www.1haoku.cn/ 国ICP备20009186号05-05 02:19:23  耗时:0.028
    0.0278s