jQuery隨機切換圖片的小例子
更新時間：2013年04月18日 14:27:27 作者：
jQuery隨機切換圖片的小例子，需要的朋友可以參考一下
復(fù)制代碼 代碼如下:
<!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>
<style type="text/css">
img
{
width:200px; height:200px;
}
</style>
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#btn1').click(function () {
var num = Math.floor(Math.random() * 8 + 1);
$('img').attr('src','picture/'+num+'.jpg')
})
})
</script>
</head>
<body>
<img src="picture/1.jpg" id="img1" />
<input id="btn1" type="button" value="變換" />
</body>
</html>
相關(guān)文章
這篇文章主要介紹了jQuery實現(xiàn)的圖片分組切換焦點圖插件,效果非常棒，而且很實用，推薦給有需要的小伙伴。2015-01-01
一個利用jquery寫的左右輪播圖，將jquery框架的鏈接跟圖片替換就可以看到效果了,需要的朋友可以參考下2014-02-02
這篇文章主要介紹了jQuery xml字符串的解析、讀取及查找方法,涉及jQuery方法針對xml字符串的解析、讀取及遍歷查詢等操作相關(guān)技巧,需要的朋友可以參考下2016-03-03
這篇文章主要為大家詳細介紹了jquery實現(xiàn)具有嵌套功能的選項卡的相關(guān)資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章主要介紹了jquery手風(fēng)琴特效插件,效果非常棒，需要的朋友可以參考下2015-02-02
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)滾動效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
jquery 圖片 上一張 下一張 鏈接效果（續(xù)篇）
很久沒寫文章了，這段時間一直在做類似鮮果的一個應(yīng)用和數(shù)據(jù)采集，還有就是對企業(yè)和個人成長的思考。2010-04-04
使用jQuery Mobile框架開發(fā)移動端Web App的入門教程
jQuery Mobile是移動端的基于jQuery的Web前端開發(fā)框架,移動設(shè)備上的瀏覽器對HTML5的支持普遍較強,因而jQuery Mobile的UI設(shè)計主要針對HTML5,下面就來詳細看一下使用jQuery Mobile框架開發(fā)移動端Web App的入門教程2016-05-05
這篇文章主要為大家詳細介紹了jquery實現(xiàn)圖片切換代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
jquery實現(xiàn)點擊向下展開菜單項(伸縮導(dǎo)航)效果
這篇文章主要介紹了jquery實現(xiàn)點擊向下展開菜單項(伸縮導(dǎo)航)效果,通過jquery遍歷及匹配頁面元素并動態(tài)修改頁面元素樣式實現(xiàn)該功能,需要的朋友可以參考下2015-08-08