html中,如何动态显示几个图片,就是从左到右依次显示5张图片

html中,如何动态显示几个图片,就是从左到右依次显示5张图片,第1张

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

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

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

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

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

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

由远到仅需要做图片的效果(或者用css3效果也行,但目前的兼容性不行)

div固定大小

js,jquery只用setTimeout、setInterval函数进行图片由小变大,宽度到底指定宽度后停止放大


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

原文地址: https://outofmemory.cn/zaji/6297684.html

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

发表评论

登录后才能评论

评论列表(0条)

保存