📄 ajaxtest.html
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style><!--
#idParentDiv{text-align:center;width:100%;overflow-y:scroll;padding:6px;height:180px;background-color:buttonshadow;color:#FFFFFF;}
#idDiv{
width:290px;
overflow:hidden;
text-align:left;padding:6px;font-family:tahoma,Arial;filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.0, sizingmethod="auto expand") progid:DXImageTransform.Microsoft.gradient(startColorstr=#552222aa,GradientType=0, endColorstr=#ff111133);
border: 7px double #F5F5F5;
text-transform: none;
line-height: 20px;
letter-spacing: 1px;
}
#idCodeDiv{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px 0px 0px 0px;background-color:#EEEEEE;font-weight:bold;}
#rBorder{
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#ff000000);
}
--></style>
<script>
var sproperty="style{";
var sFilter="filter : progid:DXImageTransform.Microsoft.Matrix(";
var fM11,fM12,fM21,fM22,fDx,fDy,sType,sMethod;
var oDiv,oCodeDiv,oTxtRotation,oTxtWidth,oTxtHeight,oBtnRotation,oBtnScale;
var i=0,w=0,l=0,mw=290,ml=130;
function rdl_SetRotation(deg) {
var deg2rad=Math.PI*2/360;
rad=deg*deg2rad;
costheta = Math.cos(rad);
sintheta = Math.sin(rad);
with (oDiv.filters.item(0)) {
M11=costheta;M12=-sintheta;M21=sintheta;M22=costheta;
}
rdl_UpdateMatrix();
}
function rdl_setScale(w,l){
oDiv.style.width=w;
oDiv.style.height=l;
}
function rdl_DoAnimation(){
oDiv.onfilterchange=rdl_DoAnimation;
if (i<=2*360-1) i+=15;
var d=3;
if(w<mw)w+=d;
if(l<ml)l+=2;
rdl_setScale(w,l);
rdl_SetRotation(i);
if (i>2*360-1&&w>=mw&&l>=ml) {
i=0;
w=0;l=0;
oDiv.onfilterchange=null;
}
}
function rdl_setMaxScale(w,l){
mw=w;ml=l;
}
function rdl_UpdateMatrix() {
with (oDiv.filters.item(0)) {
fM11=Math.round(M11*10)/10;fM12=Math.round(M12*10)/10;fM21=Math.round(M21*10)/10;fM22=Math.round(M22*10)/10;
fDx=Math.round(Dx*10)/10;fDy=Math.round(Dy*10)/10;sType=FilterType;sMethod=SizingMethod;
}
oCodeDiv.innerText=sproperty+" width:"+oDiv.style.width+"; height:"+oDiv.style.height+";}"+sFilter+"SizingMethod="+sMethod+",FilterType="+sType+",Dx="+fDx+",Dy="+fDy+",M11="+fM11+",M12="+fM12+",M21="+fM21+",M22="+fM22+");";
}
function rdl_Load(e){
oDiv=document.all("idDiv");
oCodeDiv=document.all("idCodeDiv");
oTxtRotation=document.all("idTxtRotation");
oBtnRotation=document.all("idBtnRotation");
oBtnScale=document.all("idBtnScale");
oTxtWidth=document.all("idTxtWidth");
oTxtHeight=document.all("idTxtHeight");
var oSelType=document.all("idSelType");
var oSelSize=document.all("idSelSize");
oSelType.onchange=new Function("with (this) oDiv.filters.item(0).filtertype=options(selectedIndex).value;rdl_UpdateMatrix();");
oSelSize.onchange=new Function("with (this) oDiv.filters.item(0).SizingMethod=options(selectedIndex).value;rdl_UpdateMatrix();");
oTxtRotation.onclick=new Function("if (this.value.length>4) this.value=0;");
oBtnRotation.onclick=new Function("rdl_SetRotation(oTxtRotation.value);");
oBtnScale.onclick=new Function("rdl_setScale(oTxtWidth.value,oTxtHeight.value);");
rdl_UpdateMatrix();
}
function rdl_DoHFlip(e){
with (oDiv.filters.item(0)) {M11=0-M11;M12=0-M12;}
rdl_UpdateMatrix();
}
function rdl_DoVFlip(e){
with (oDiv.filters.item(0)) {M21=0-M21;M22=0-M22;}
rdl_UpdateMatrix();
}
window.onload=rdl_Load;
</script>
</head>
<body>
<div id=idParentDiv>
<div id=idDiv onmouseup="rdl_DoAnimation();">
<div id="rBorder">
<img src="Photos/IMG0186A.jpg" align="right" height="100" style="background-color: White; border: 6px solid; background: Black; margin: 2px 2px 2px;">
<h2 >海之音</h2>
<b>作于2008年5月<br>版权所有,请勿抄录!</b>
<p>真实姓名:寇俊波 出生年月1984.10</p>
</div>
</div>
</div>
<br>
<table><tr>
<td><input type=button value=左右反转 onclick="rdl_DoHFlip();"><input type=button value="上下反转" onclick="rdl_DoVFlip();"></td>
<td ><input id=idTxtRotation type=text value="输入角度数字" size=14></input> <input id=idBtnRotation type=button value="旋转"></td>
<td >宽<input id=idTxtWidth type=text size=4 accept="[0-9]" alt="输入宽度数字" value="0" maxlength="4"></input> 高<input id=idTxtHeight type=text size=4 maxlength="4" alt="输入高度数字" accept="[0-9]" value="0"></input><input id=idBtnScale type=button value="缩放"></td>
<td ><select id=idSelSize><option value="auto expand">auto expand</option><option value="clip to original">clip to original</option></select></td>
<td ><select id=idSelType><option value="bilinear">Bilinear</option><option value="nearest">Nearest Neighbour</option></select></td>
<td><input type=button value="动画" onclick="rdl_DoAnimation();"></td>
</tr></table>
<br>
<div id=idCodeDiv>filter</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -