首页 > 网页制作 > HTML > 正文
几个对图形进行动态处理的dhtml代码
[日期:2005-7-7 0:00:00] [字体: ]
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>

注意,图形文件换成自己的文件,试试,不错吧
上一篇:页边距的设定技巧(HTML) 下一篇:让弹出窗口变得“体贴”一些
打印 】 【 关闭 】 【 阅读: 次 】
    相关文章
·谈谈HtmlControl与WebControl的区别与用途 (2005年11月18日 0)
·C#中利用Markup Service实现HTML解析为DOM Tree (2005年9月25日 1282)
·WAP标记语言XHTML基础教程之XHTML简介 (2005年9月24日 1426)
·XMLHTTP Get HTML页面时的中文乱码之完全客户端Script解决方案 (2005年8月25日 1701)
·关于HtmlForm控件 (2005年7月8日 1644)
·正确使用XHTML的冒险以及解决办法 (2005年7月7日 1116)