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