[源码]js图片浏览

<script>
function genCode(){
var stroka='鼠标移到图片上滚动滚轮放大缩小图片';
document.getElementById("htmlCode").value=stroka;
}
function makeExample(){
var F=document.getElementById("f").value;
var B=document.getElementById("b").value;
var C=document.getElementById("c").value;
var P=document.getElementById("p").value;
var stroka='<br><a href="'+F+'"><img src="'+F+'" onmousewheel="return bigimg(this)" alt="鼠标移到这里滚动滚轮放大缩小图片" style="background:'+B+';border:'+P+'px solid '+C+'"></a>';
document.getElementById("example").innerHTML="点击可打开："+stroka;
}
function bigimg(i)
{
var zoom = parseInt(i.style.zoom,10)||100;
zoom += event.wheelDelta / 12;
if(zoom > 0 )
i.style.zoom=zoom+'%';
return false;
}
</script>图片地址：<br>
<input type="text" id="f" onChange="genCode(); makeExample();"; onKeyDown="genCode(); if(event.keyCode==6){makeExample();}"" value="http://m.52woai.com/down/20150820/311562/%E7%AD%BE%E5%90%8D%E6%A1%A3%E4%B8%93%E7%94%A8.gif" style="width:98%">
<br>边框：<select id="p" onChange="genCode(); makeExample();"; onKeyDown="genCode(); if(event.keyCode==1){makeExample();}""> 
<option>0</option> <option>1</option> <option>2</option> <option>3</option></select> <select id="c" onChange="genCode(); makeExample();"; onKeyDown="genCode(); if(event.keyCode==1){makeExample();}""> 
<option>red</option> <option>green</option> <option>black</option> <option>yellow</option></select> 背景：<select id="b" onChange="genCode(); makeExample();"; onKeyDown="genCode(); if(event.keyCode==1){makeExample();}""> 
<option>writer</option> <option>green</option> <option>black</option> <option>red</option></select><input type="text" id="htmlCode" readonly="readonly"><br><div id="example"></div>