Ⅰ 如何用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，以方便代码识别.