养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

js中怎么更改transform的值

时间:2024-10-23 03:24:12

js中怎么更改tran衡痕贤伎sform的值,transoform是其中一种CSS样式,可以进行对图形或者文字旋转,如果我们要修改这个值,可以用JS,因为JS可以动态来修改,这样更加丰富页面的功能。

js中怎么更改transform的值

工具/原料

chrome浏览器

windows7

sublimetext3

方法/步骤

1、打开sublimetext3编辑器,新建一个HTML文档。

js中怎么更改transform的值

2、建造一下HTML的基本架构。

js中怎么更改transform的值

3、创建一个CSS文档,并且关联HTML文档。现在我们为DIV设置样式。

js中怎么更改transform的值

js中怎么更改transform的值

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

js中怎么更改transform的值

js中怎么更改transform的值

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

js中怎么更改transform的值

6、functio艘绒庳焰ntransform(){vartsf=document.getElementById("颊俄岿髭div");vardegree="15deg";tsf.style.transform="rotate("+degree+")";}这个时候我们完善一下函数,现在点击一下就能更改transform的值了。

js中怎么更改transform的值

js中怎么更改transform的值

js中怎么更改transform的值

© 一点知识