如何用html标签来显示gif图片

如何用html标签来显示gif图片,第1张

1、html插入要用到img标签。具体的用法,首先新建一个html文件,写入基本的html结构,导入一张gif格式的:

2、接着给img标签一个class属性,命名为img,在head标签中设置style标签,在style标签设置“img”的属性,这里设置的长度和高度,并且设置的对齐方式为中心对齐,最后按下crtl+S键保存文件:

3、打开浏览器,可以看到网页中的gif的内容。以上就是使用html标签显示gif的方法:

需要用js来控制;
在</body>标签下面加上以下JS,所实现的效果是,在页面加栽完5秒后,所有不显示;
<script type="text/javascript">
setTimeout("initImg()",51000)/这个是控制时间的/;
function initImg(){
var allImg = documentgetElementsByTagName("img");
for(var i=0; i<allImglength; i++){
allImg[i]styledisplay = "none";
}
}
</script>

不知道你所说的动态是什么意思?
1、有一种gif类型的,它实际上是一个,分多个帧页,实现连贯动作
如果是这种效果 的话,<img src=地址/>就可以
2、若楼主指的是随时间不同或用户 *** 作不同而显示不同的的话,这就比较麻烦啦,单纯html是不能够实现的,必须借助不同 脚本实现该功能。
希望回答对你有用!

1、新建一个html文件,命名为testhtml,在testhtml文件内,使用img标签创建一张,是images文件夹下面的1jpg。

2、为了展示隐藏后的效果,在img标签的外部使用div标签,同时设置div标签的class属性为mydiv。

3、在testhtml文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。

4、在css标签内,设置类名为mydiv的样式,使用border设置div的边框为1px的灰色边框,使用width设置div的宽度为300px,使用height设置div的高度为300px。

5、在css标签内,对img元素进行样式设置,将display属性设置为none,实现的隐藏。

6、在浏览器打开testhtml文件,查看实现的效果。

C:\Documents and Settings\Administrator\桌面\img文件夹000jpg"你的路经是你本地电脑的路径,当然在网上显示不出来了。应该先上传到空间去。如果本地也可以,放在文件根目录文件夹,不要用中文命名例如<img src="Images/admin_homegif" />


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/yw/13408014.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-30
下一篇 2023-07-30

发表评论

登录后才能评论

评论列表(0条)

保存