js中怎么更改tran衡痕贤伎sform的值,transoform是其中一种CSS样式,可以进行对图形或者文字旋转,如果我们要修改这个值,可以用JS,因为JS可以动态来修改,这样更加丰富页面的功能。
工具/原料
chrome浏览器
windows7
sublimetext3
方法/步骤
1、打开sublimetext3编辑器,新建一个HTML文档。
2、建造一下HTML的基本架构。
3、创建一个CSS文档,并且关联HTML文档。现在我们为DIV设置样式。
4、现在我们创建一个按钮,要求按钮按了以后图形会变形。
5、新建一个JS文档,并且关联HTML评鲦易纪文档,再在BUTTON标签里面加入onclick="transform()"监听事件。
6、functio艘绒庳焰ntransform(){vartsf=document.getElementById("颊俄岿髭div");vardegree="15deg";tsf.style.transform="rotate("+degree+")";}这个时候我们完善一下函数,现在点击一下就能更改transform的值了。