jQuery通過設置元素的屬性實現圖片隨機切換

jQuery通過設置元素的屬性實現圖片隨機切換:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>設置元素的屬性(二)</title>
<script type="text/javascript" src="../Jscript/jquery-1.4.2.js">
</script>
<script type="text/javascript" src="../Jscript/jquery-1.4.2-vsdoc.js">
</script>
<style type="text/css">
body {
font-size: 12px
}
.clsSpn {
float: left;
padding-top: 10px;
padding-left: 10px
}
.clsImg {
border: solid 1px #ccc;
padding: 3px;
float: left
}
</style>
<script type="text/javascript">
$(function() {
$("img").attr("src", function() {
return "../Images/img0" + Math.floor(Math.random() * 2 + 1) + ".jpg"
}); //設置src屬性通過隨機生成數字。。。因此每次生成的Src都不同，從而實現頁面上圖片的隨機切換。
$("img").attr("title", "這是一幅風景畫"); //設置title屬性
$("img").addClass("clsImg"); //增加樣式
})
</script>
</head>
<body>
<img alt="" src="../Images/img03.gif" style="float: left" />
</body>
</html>