這運行后圖片全部加載不出來怎么破啊我原本是想把圖片的路徑放進數組里然后再獲取我那個背景圖<img id="start> ,$("#start") 然后就用隨機數獲取數組地下標來獲取數組里的元素，然后就用attr()來替換#start里面地“src" 另外一個參數就用隨機數的數組可為什么圖片就是加載不出來呢QWQ<!DOCTYPE html><html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery隨機抽獎 </title> <head> <script type="text/javascript" src="jq/jquery-3.1.1.js"></script></script> <script type="text/javascript"> $(function(){ var alldata = new Array("img/2.jpg","img/3.jpg","img/4.jpg","img/5.jpg"); var num = alldata.length - 1; var start = $("#start"); var btn = $("#btn"); var open = false; function change(){ var randomVal = Math.round(Math.random() * num); var prizeName = alldata[randomVal]; start.attr("src","prizeName"); } function run(){ if(!open){ timer=setInterval(change,30); btn.removeClass('start').addClass('stop').text('停止'); open = true; }else{ clearInterval(timer); btn.removeClass('stop').addClass('start').text('開始抽獎'); open = false; } } btn.click(function(){run();}) }) </script> <style> body{ background:#fff;} .wrap{ width:300px; margin:100px auto; font-family:"微軟雅黑";} .show{ width:300px; height:300px; background-color:#ff3300; line-height:300px; text-align:center; color:#fff; font-size:28px; -moz-border-radius:150px; -webkit-border-radius:150px; border-radius:150px; background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#FF9600), to(#F84000), color-stop(0.5,#fb6c00)); -moz-box-shadow:2px 2px 10px #BBBBBB; -webkit-box-shadow:2px 2px 10px #BBBBBB; box-shadow:2px 2px 10px #BBBBBB;overflow: hidden;} .btn a{ display:block; width:120px; height:50px; margin:30px auto; text-align:center; line-height:50px; text-decoration:none; color:#fff; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px;} .btn a.start{ background:#80b600;} .btn a.start:hover{ background:#75a700;} .btn a.stop{ background:#00a2ff;} .btn a.stop:hover{ background:#008bdb;} </style> </head> <body> <div class="wrap"> <div class="show" id="show"><img id="start" src="img/1.jpg"></div> <div class="btn"> <a href="javascript:void(0)" class="start" id="btn">開始抽獎</a> </div> </div><div style="text-align:center;clear:both"><p>適用瀏覽器：IE8、360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari瀏覽器。</p></div> </body></html>
各位大佬我試著做了個隨機抽獎的小東西數組里原本是文本后來試著換成圖片后加載不了啊怎么回事啊
無節操司機
2017-01-18 22:11:53
