原图<br>
<img src="http://www.cnbruce.com/images/cnrose/mi.jpg"><br>
设定大小的图<br>
<img src="http://www.cnbruce.com/images/cnrose/mi.jpg" onload="javascript:if(this.width>screen.width-350)then(this.width=screen.width-350)">
----------------------------------
按比例缩小图片
<script defer>
for (var i=0;i<document.images.length;i++){
document.images[i].width=document.images[i].width*0.5
}
</script>
<img src="http://www.cnbruce.com/images/cnrose/xx.jpg">
------------------------------------------
不错的图片显示效果
<script language=JavaScript>
<!--
var num = 50
function chFilter() {
if(num > 2) {
num -= 1
img1.style.filter = "progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=" + num + ")"
setTimeout("chFilter()",5)
} else {
img1.style.filter = ""
}
}
//-->
</script>
<body onload="img1.style.visibility='visible';chFilter()">
<img id=img1 style="FILTER: progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=50); VISIBILITY: hidden" src=http://www.it365cn.com/images/banner/yesky.jpg border=0 align="absmiddle">
------------------------------------
图片的黑白转换
<SCRIPT>
function doTrans(filterCode)
{
imgObj.filters[0].apply();
oImg.style.filter = filterCode
imgObj.filters[0].play();
}
</SCRIPT>
<SPAN id=imgObj
onmouseleave='doTrans("gray")'
style="FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); WIDTH: 1px"
onmouseenter='doTrans("")'>
<IMG id=oImg style="FILTER: gray" src="http://www.cnbruce.com/images/cnrose/a.gif">
</SPAN>
-----------------------------
图片透明度
<script language="JavaScript">
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){ //do this so I can take a string too
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
</script>
<a href="http://www.cnbruce.com/" target="_blank">
<img border="0" src=http://www.cnbruce.com/images/cnrose/a.gif onMouseOut=nereidFade(this,50,10,5) onMouseOver=nereidFade(this,100,10,5) style="FILTER: alpha(opacity=50) " border=0>
</a>
------------------------------------------------
随机图片
<script language=vbs>
Randomize
i=Int((80 * Rnd) + 1)
document.write"<img src='http://www.cnbruce.com/blog/smile/face"&i&".gif'>"
</script>
--------------------------------------
测量图片大小：长度 宽度
<script>
var img=null;
function s()
{
if(img)img.removeNode(true);
img=document.createElement("img");
img.style.position="absolute";
img.style.visibility="hidden";
img.attachEvent("onreadystatechange",orsc);
img.attachEvent("onerror",oe);
document.body.insertAdjacentElement("beforeend",img);
img.src=inp.value;
}
function oe()
{
alert("cant load img");
}
function orsc()
{
if(img.readyState!="complete")return false;
alert("高:"+img.offsetHeight+"\n宽:"+img.offsetWidth);
}
</script>
<input type="file" Name="file" id="inp" value="默认值"><br><input onclick="s()" type="button" value="点我一下给出要上传图片的大小及长、宽" name="button">
浙公网安备 33010602011771号