jQuery 随机展示图片的例子

发布时间:2021-01-24编辑:脚本学堂
本文介绍下,jquery实现图片随机显示的方法,一个简单的例子,有兴趣的朋友一起研究下吧。

如何用jquery随机显示图片呢?
可以按这样的思路:
在页面中,通过function()随机函数返回一个随机数字,依据该数字组成一个字符串作为标签<img>属性src的值,由于是随机数字,因此每次获取的src属性值都不一样,从而实现在页面中随机展示图片的效果。

jQuery代码:
 

复制代码 代码示例:
<script>
    $(function() {
        $("img").attr("src", function() {
            return "images/pic_" + Math.floor(Math.random() * 2 + 1) + ".jpg"
        }); //设置src属性
        $("img").attr("title", "这是一幅画"); //设置title属性
        $("img").addClass("img_style");
    })
</script>

html代码:
 

复制代码 代码示例:
<section><img src="images/pic_1.jpg" title="第一张图片"></section>