js实现图片左右垂直翻转
来源:互联网 发布:潭州学院学淘宝怎么样 编辑:程序博客网 时间:2024/05/16 05:29
<!DOCTYPE html><html> <head> <title>MyHtml.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"><script>var current = 0;function turnLeft(){current = (current-90)%360;document.getElementById('target').style.transform = 'rotate('+current+'deg)';}function turnRight(){current = (current+90)%360;document.getElementById('target').style.transform = 'rotate('+current+'deg)';}</script></head><body><img id ="target" src="../image/head_portrait.jpg" alt=""><input value="左转" type="button" onclick="turnLeft()"><input value="右转" type="button" onclick="turnRight()"></body></html>
附:transform浏览器支持情况
http://www.w3school.com.cn/cssref/pr_transform.asp
0 0
- js实现图片左右垂直翻转
- 左右图片翻转算法(c语言)实现
- 【JavaScript】js实现图片翻转
- 图片像素翻转。水平翻转,垂直翻转。
- 绘制左右翻转的图片
- C++ RGB图片垂直翻转
- 水平和垂直翻转图片
- unity图片水平/垂直翻转
- 图片左右垂直居中显示
- js实现文字、图片点击翻转任意角度翻转
- js实现图片翻转切换效果
- 原生JS实现图片翻转旋转效果
- js实现图片左右循环滚动
- js实现图片左右移动轮播
- 新闻图片翻转JS
- js图片翻转
- CSS3滤镜-水平和垂直翻转图片
- 优雅的实现图片翻转(js实现)
- C++第二次实验-模拟ATM
- python中的for i in range
- 正益工场推出移动政务新媒体平台
- 每日一篇-面试分享
- 1041. 考试座位号(15)
- js实现图片左右垂直翻转
- Linux下ps命令详解
- 图像微分的程序实现:df/dx
- http和https有什么区别?
- [JLOI2015]装备购买 解题报告
- Web网站的几个并发量级
- adb连接手机 error: cannot parse version string: kg01 错误解决办法
- BLE 链路层的状态机
- Java - A simple email sender example