javascript 设置图片透明度与图片的水平垂直旋转

来源：互联网发布：网络炒作团队怎么收费编辑：程序博客网时间：2024/06/10 00:31

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script type="text/javascript">function fn(){document.getElementById("d1").style.filter="alpha(opacity=50)";}function fn1(){document.getElementById("d2").style.filter=document.getElementById("d2").style.filter=="flipH"?"":"flipH";}function fn2(){document.getElementById("d2").style.filter=document.getElementById("d2").style.filter=="flipV"?"":"flipV";}</script></head><body onload="fn();"><div id="d1"><img src="ph/1.jpg" style="width:300px;height: 200px; "></div><div id="d2"><img src="ph/2.jpg"></div><br><br><input type="button" value="水平翻转" onclick="fn1();"><input type="button" value="垂直翻转" onclick="fn2();"></body></html>

0 0