jQuery随机切换图片的小例子

最新推荐文章于 2021-07-10 02:56:41 发布

javaPie

最新推荐文章于 2021-07-10 02:56:41 发布

阅读量767

点赞数

jQuery随机切换图片的小例子

作者：字体：[ 增加减小] 类型：转载

jQuery随机切换图片的小例子，需要的朋友可以参考一下

id="cproIframe_u1892994_2" width="580" height="90" src="http://pos.baidu.com/acom?adn=3&at=231&aurl=&cad=1&ccd=24&cec=GBK&cfv=17&ch=0&col=zh-CN&conBW=0&conOP=1&cpa=1&dai=2&dis=0&ltr=http%3A%2F%2Fwww.jb51.net%2Farticle%2F66282.htm&ltu=http%3A%2F%2Fwww.jb51.net%2Farticle%2F35710.htm&lu_161=0&lunum=6&n=jb51_cpr&pcs=1306x760&pis=10000x10000&ps=490x188&psr=1440x900&pss=1306x491&qn=ad08d21cc3efd179&rad=&rsi0=580&rsi1=90&rsi5=4&rss0=%23FFFFFF&rss1=%23F7FCFF&rss2=%230000ff&rss3=%23444444&rss4=%23008000&rss5=&rss6=%23e10900&rss7=&scale=&skin=tabcloud_skin_3&stid=5&td_id=1892994&titFF=%E5%AE%8B%E4%BD%93&titFS=12&titTA=left&tn=text_default_580_90&tpr=1432025592996&ts=1&version=2.0&xuanting=0&dtm=BAIDU_DUP2_SETJSONADSLOT&dc=2&di=u1892994&ti=jQuery%E9%9A%8F%E6%9C%BA%E5%88%87%E6%8D%A2%E5%9B%BE%E7%89%87%E7%9A%84%E5%B0%8F%E4%BE%8B%E5%AD%90_jquery_%E8%84%9A%E6%9C%AC%E4%B9%8B%E5%AE%B6&tt=1432025592969.389.754.755" align="center,center" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" allowtransparency="true">

复制代码代码如下:

 
  <!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>

javaPie

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery随机切换图片的小例子

jQuery随机切换图片的小例子作者：字体：[增加减小] 类型：转载jQuery随机切换图片的小例子，需要的朋友可以参考一下复制代码代码如下: img { width:200px; height:200px; }
复制链接

扫一扫