几个对图形进行动态处理的dhtml代码
2001-01-14 10:14:25 来源:WEB开发网核心提示:1)<html> <head> <script language="javaScript"> function setHeight() { var x=document.images x[0].height="250" } </scrip
1)<html>
<head>
<script language="javaScript">
function setHeight()
{
var x=document.images
x[0].height="250"
}
</script>
</head>
<body>
<img src=http://www.cncms.com/".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=http://www.cncms.com/".images/hackanm.gif"
}
</script>
</head>
<body>
<img src=http://www.cncms.com/".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=http://www.cncms.com/".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=http://www.cncms.com/".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=http://www.cncms.com/".images/hackanm.gif"
}
</script>
</head>
<body>
<img src=http://www.cncms.com/".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=http://www.cncms.com/".images/compman.gif" width="107" height="98" />
<form>
<input type="button" onclick="setWidth()" value="Change width">
</form>
</body>
</html>
注意,图形文件换成自己的文件,试试,不错吧
[]
更多精彩
赞助商链接