几个对图形进行动态处理的dhtml代码
新客网 XKER.COM 2007-01-25 来源： 收藏本文
1）<html>
<head>
<script language="javascript">
function setHeight()
{
var x=document.images
x[0].height="250"
}
</script>
</head>
<body>
<img src="../images/compman.gif" width="107" height="98" />
<form>
<input type="button" onclick="setHeight()" value="Change height">
</form>
</body>
</html>
2）<html>
<head>
<script language="JavaScript">
function setSrc()
{
var x=document.images
x[0].src="../images/hackanm.gif"
}
</script>
</head>
<body>
<img src="../images/compman.gif" width="107" height="98" />
<form>
<input type="button" onclick="setSrc()" value="Change image">
</form>
</body>
</html>
3）<html>
<head>
<script language="JavaScript">
function setWidth()
{
var x=document.images
x[0].width="300"
}
</script>
</head>
<body>
<img src="../images/compman.gif" width="107" height="98" />
<form>
<input type="button" onclick="setWidth()" value="Change width">
</form>
</body>
</html>
注意，图形文件换成自己的文件，试试，不错吧
<head>
<script language="javascript">
function setHeight()
{
var x=document.images
x[0].height="250"
}
</script>
</head>
<body>
<img src="../images/compman.gif" width="107" height="98" />
<form>
<input type="button" onclick="setHeight()" value="Change height">
</form>
</body>
</html>
2）<html>
<head>
<script language="JavaScript">
function setSrc()
{
var x=document.images
x[0].src="../images/hackanm.gif"
}
</script>
</head>
<body>
<img src="../images/compman.gif" width="107" height="98" />
<form>
<input type="button" onclick="setSrc()" value="Change image">
</form>
</body>
</html>
3）<html>
<head>
<script language="JavaScript">
function setWidth()
{
var x=document.images
x[0].width="300"
}
</script>
</head>
<body>
<img src="../images/compman.gif" width="107" height="98" />
<form>
<input type="button" onclick="setWidth()" value="Change width">
</form>
</body>
</html>
注意，图形文件换成自己的文件，试试，不错吧
上一篇：HTML的排版标记 下一篇：HTML组件(HTML COMPONENTS)之二
最新相关文章发表评论
评论内容：不能超过250字，需审核后才会公布，请自觉遵守互联网相关政策法规。
阅读排行
随机推荐
实用信息推荐