当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 几个对图形进行动态处理的dhtml代码

HTML/XHTML教程
基于客户端的分页导航(3)
JavaScript实用技巧集锦(1)
JavaScript实用技巧集锦(2)
JavaScript实用技巧集锦(3)
JavaScript实用技巧集锦(4)
一个强制弹出窗口的JavaScript类:ForceWindow
VBScript教程 目录
VBScript教程 第一课
VBScript教程 第二课
VBScript教程 第四课
VBScript教程 第五课
VBScript教程 第七课
VBScript教程 第八课
VBScript教程 第九课
VBScript教程 第十课
VBScript教程 第十一课
VBScript教程 第十二课
VBScript教程 第十三课
VBScript教程 第十四课
网页经典代码(一)

HTML/XHTML教程 中的 几个对图形进行动态处理的dhtml代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 53 ::
收藏到网摘: n/a

  1)<html>
<head>

<script language="JavaScript">
function setHeight()
{
var x=document.images
x[0].height="250"
}
</script>

</head>
<body>

<img src="/upload/tech/20091104/20091104155200_084b6fbb10729ed4da8c3d3f5a3ae7c9.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="/upload/tech/20091104/20091104155200_470e7a4f017a5476afb7eeb3f8b96f9b.gif"
}
</script>

</head>
<body>

<img src="/upload/tech/20091104/20091104155200_084b6fbb10729ed4da8c3d3f5a3ae7c9.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="/upload/tech/20091104/20091104155200_084b6fbb10729ed4da8c3d3f5a3ae7c9.gif" width="107" height="98" />

<form>
<input type="button" onclick="setWidth()" value="Change width">
</form>

</body>
</html>

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

评论 (0) All

登陆 还没注册?