Ⅰ 如何用HTML代碼生成圖片
HTML語言就是個結果，不能生成圖片，你要調用js，或者VBS來做
這有一篇給圖片加水印的文章：
http://letmein.at/js/how-to-create-transparency-in-images-with-html5canvas/
還有一篇Ajax/javascript: 8 Ways to Create Graphics on the Fly
http://softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly
Ⅱ 在js文件中寫代碼使得html點擊圖片變成另一幅圖片
<div><imgsrc="images/pot1.png"width="45"height="45"></div>
<script>
varoImg=document.getElementById('img');
varonOff=true;
oImg.onclick=function(){
if(onOff){
oImg.src='images/pot2.png';
onOff=false;
}
else{
oImg.src='images/pot1.png';
onOff=true;
}
};
</script>
Ⅲ js，html，css 講2張圖片 每隔5秒 輪流循環顯示。
<html>
<head>
<script type="text/javascript">
var theA=new Array(2); 兩張圖片，也可以是寫成3，寫成三就是3張圖片
for(i=0,n=theA.length;i<n;i++)
{theA[i]=new Image();<br> theA[i].src=i+'.jpg';}
var currentImage=1;
var run=true;
var speed=5000; //這個是5秒中
function changeSize1()
{
if(!document.images)
return;
if(!run)
return;
document.getElementById("myImage").src=theA[currentImage].src;
currentImage++;
if(currentImage>theA.length-1)
currentImage=0;
setTimeout('changeSize1()',speed);
}
</script>
</head>
<body onload="changeSize1()">
<img id="myImage" src="0.jpg" border="0" >
</body>
</html>注意圖片的路徑要根據自己的實際情況去寫，圖片的名字最好寫成數字，1.jpg,2.jpg，以方便代碼識別.