当前位置: 编程技术>jquery
jQuery 随机展示图片的例子
来源: 互联网 发布时间:2014-09-03
本文导语: 如何用jquery随机显示图片呢? 可以按这样的思路: 在页面中,通过function()随机函数返回一个随机数字,依据该数字组成一个字符串作为标签属性src的值,由于是随机数字,因此每次获取的src属性值都不一样,从而实现在页面...
如何用jquery随机显示图片呢?
可以按这样的思路:
在页面中,通过function()随机函数返回一个随机数字,依据该数字组成一个字符串作为标签属性src的值,由于是随机数字,因此每次获取的src属性值都不一样,从而实现在页面中随机展示图片的效果。
jQuery代码:
代码示例:
$(function() {
$("img").attr("src", function() {
return "images/pic_" + Math.floor(Math.random() * 2 + 1) + ".jpg"
}); //设置src属性
$("img").attr("title", "这是一幅画"); //设置title属性
$("img").addClass("img_style");
})
html代码:
代码示例: