网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > HTML
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.HTML语言剖析(四)排版标记.
.利用HTML服务器控件设置使用Mast.
.HTML文件HEAD内部标记浅析.
.HTML彻底剖析:一般概念.
.使用Web标准建站第8天:CSS布局入.
.为什么要抛弃HTML.
.鼠标在文本上移动时层的显示与消.
.层(div)的上下滚动 .
.为你的网页做出电影的过场效果.
.页面上所有的链接都在新窗口打开.
.HTML组件(HTML COMPONENTS)之七.
.HTML组件(HTML COMPONENTS)之六.
.对Web页面元素的绝对唯一引用方法.
.HTML语言剖析(十二)多媒体标记 .
.制作虚线效果的水平线.
.HTML文档中小meta标签的大作用.
.用HTML给Flash加链接.
.HTML之链接标记.
.分享HTML中少为人知的个性化标记.
.HTML语言剖析(六)清单标记 .

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

发表日期:2005-7-7


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>

注意,图形文件换成自己的文件,试试,不错吧
上一篇:简单实用的网页表格特效 人气:9503
下一篇:基于Web标准的UI组件 — 菜单(1) 人气:9217
浏览全部HTML的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐