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

HTML/XHTML教程
巧用CSS控制鼠标样式变换
自定多姿多彩的网页链接下划线
CSS快速入门
让字体美起来
显示你个性的鼠标指针
有关表格边框的css语法整理
CSS自定义属性Expression
CSS控制字体效果的思考
巧用CSS滤镜做图案文字
网页常用特效整理:中级篇
网页常用特效整理:初级篇
动态网页巧制作
“渐变窗口”有绝招
网页常用特效整理:高级篇
伴随着Web标准发展建议与好的实例
使用DIV之后,什么时候使用TABLE?
CSS基本布局16例
伴随着Web标准发展
CSSVault推荐的128个CSS布局站点
CSS滤镜:Glow属性

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 73 ::
收藏到网摘: 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

登陆 还没注册?