首页 > 网站 > WEB开发 > 正文

几个对图形进行动态处理的dhtml代码

2024-04-27 13:54:50
字体:
来源:转载
供稿:网友
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>

注意,图形文件换成自己的文件,试试,不错吧

上一篇:基于Web标准的UI组件 — 菜单(1)

下一篇:给网页文字加上即时提示

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
学习交流
热门图片

新闻热点

疑难解答

图片精选

网友关注