在jquery中 ， 可以使用val()方法获得输入框角度值 ， 使用css()方法设置div的transform来实现旋转 。 下面小编举例讲解怎么实现在输入框输入角度, 点击按钮让div旋转 。
文章插图
需要这些哦
html+jquery
代码编纂器：Dreamweaver CS5
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解怎么实此刻输入框输入角度, 点击按钮让div扭转 。
文章插图
2在test.html文件内 ， 利用input标签建立一个输入框 ， 用于角度的输入 。
文章插图
3在test.html文件内 ， 再利用div标签建立一个模块 ， 用于扭转 。 同时 ， 利用css设置div的高度、宽度为150px ， 布景颜色为蓝色 ， 外边距为20px 。
文章插图
4在test.html文件内 ， 利用button标签建立一个按钮 ， 给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行divChange()函数 。
文章插图
5在js标签中 ， 建立divChange()函数 ， 在函数内 ， 获得input对象 ， 利用val()方式获得输入的角度 ， 再获得div对象 ， 利用css()设置div的transform属性为获得的角度值 。
文章插图
6在浏览器打开test.html文件 ， 查看实现的结果 。
文章插图
总结：11、利用input标签建立一个输入框 ， 再利用div标签建立一个模块 ， 用于扭转 。
【怎么实现在输入框输入角度, 点击按钮让div旋转】2、在js标签内 ， 获得input对象 ， 利用val()方式获得输入的角度 ， 再获得div对象 ， 利用css()设置div的transform属性为获得的角度值 。
注重事项rotate用于设置div扭转的角度 。
以上内容就是怎么实现在输入框输入角度, 点击按钮让div旋转的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- QQ看点里的时尚贴纸在哪里？怎么设置
- 钉钉怎么将密聊入口添加到消息首页上方
- 绿萝怎么扦插 绿萝如何扦插
- 午时三刻是现在的几点 午时三刻是什么时候
- xshell怎么启动/关闭linux系统tomcat服务器
- 怎么让玻璃胶快点干 怎么样才能让玻璃胶快点干
- kindle怎么注销登录的账号
- 怎么在域控上查看已加域电脑操作系统版本
- 被子发霉了怎么洗掉 被子发霉洗掉的方法
- 现在最流行的长发发型