彩蝶's profile彩蝶Butterfly ValleyPhotosBlogLists Tools Help

Blog


    怎樣實現(隨機圖片顯示功能)

    1.代碼如下.

    <script language="JavaScript">
    var m=26; //顯示隨機圖片總數量量
    var n=Math.floor(Math.random()*m+1)
    switch(n)
    {
    case 1:
    document.write('<img src="http://wansanglee.googlepages.com/1.jpg">'); //第1張隨機圖片地址
    break;
    case 2:
    document.write('<img src="http://wansanglee.googlepages.com/2.jpg">'); //第2張隨機圖片地址
    break;
    case 3:
    document.write('<img src="http://wansanglee.googlepages.com/3.jpg">'); //第3張隨機圖片地址
    break;
    case 4:
    document.write('<img src="http://wansanglee.googlepages.com/4.jpg">'); //第4張隨機圖片地址
    break;
    case 5:
    document.write('<img src="http://wansanglee.googlepages.com/5.jpg">'); //第5張隨機圖片地址
    break;
    case 6:
    document.write('<img src="http://wansanglee.googlepages.com/6.jpg">'); //第6張隨機圖片地址
    break;
    case 7:
    document.write('<img src="http://wansanglee.googlepages.com/7.jpg">'); //第7張隨機圖片地址
    break;
    case 8:
    document.write('<img src="http://wansanglee.googlepages.com/8.jpg">'); //第8張隨機圖片地址
    break;
    case 9:
    document.write('<img src="http://wansanglee.googlepages.com/9.jpg">'); //第9張隨機圖片地址
    break;
    case 10:
    document.write('<img src="http://wansanglee.googlepages.com/10.jpg">'); //第10張隨機圖片地址
    break;
    case 11:
    document.write('<img src="http://wansanglee.googlepages.com/11.jpg">'); //第11張隨機圖片地址
    break;
    case 12:
    document.write('<img src="http://wansanglee.googlepages.com/12.jpg">'); //第12張隨機圖片地址
    break;
    case 13:
    document.write('<img src="http://wansanglee.googlepages.com/13.jpg">'); //第13張隨機圖片地址
    break;
    case 14:
    document.write('<img src="http://wansanglee.googlepages.com/14.jpg">'); //第14張隨機圖片地址
    break;
    case 15:
    document.write('<img src="http://wansanglee.googlepages.com/15.jpg">'); //第15張隨機圖片地址
    break;
    case 16:
    document.write('<img src="http://wansanglee.googlepages.com/16.jpg">'); //第16張隨機圖片地址
    break;
    case 17:
    document.write('<img src="http://wansanglee.googlepages.com/17.jpg">'); //第17張隨機圖片地址
    break;
    case 18:
    document.write('<img src="http://wansanglee.googlepages.com/18.jpg">'); //第18張隨機圖片地址
    break;
    case 19:
    document.write('<img src="http://wansanglee.googlepages.com/19.jpg">'); //第19張隨機圖片地址
    break;
    case 20:
    document.write('<img src="http://wansanglee.googlepages.com/20.jpg">'); //第20張隨機圖片地址
    break;
    case 21:
    document.write('<img src="http://wansanglee.googlepages.com/21.jpg">'); //第21張隨機圖片地址
    break;
    case 22:
    document.write('<img src="http://wansanglee.googlepages.com/22.jpg">'); //第22張隨機圖片地址
    break;
    case 23:
    document.write('<img src="http://wansanglee.googlepages.com/23.jpg">'); //第23張隨機圖片地址
    break;
    case 24:
    document.write('<img src="http://wansanglee.googlepages.com/24.jpg">'); //第24張隨機圖片地址
    break;
    case 25:
    document.write('<img src="http://wansanglee.googlepages.com/01.jpg">'); //第25張隨機圖片地址
    break;
    case 26:
    document.write('<img src="http://wansanglee.googlepages.com/04.jpg">'); //第26張隨機圖片地址
    break;
    }
    </script>
     

    2.打開記事本另存為html檔案,編碼Unicode.
    上傳網路,保存路徑。
     

    3.用以下調用代碼貼到SANDBOX里面。(其中闊與高自行調整,路徑填上你的)
    <IFRAME id="Iframe1" allowTransparency="true" style="WIDTH: 470; HEIGHT: 400" marginWidth="0" marginHeight="0" src="http://wansanglee.googlepages.com/script9.html" frameBorder="no" scrolling="no"></IFRAME>
     

    4.提示:所有圖片尺寸最好一致。

     

    我要啦免费统计

    Comments (1)

    Please wait...
    Sorry, the comment you entered is too long. Please shorten it.
    You didn't enter anything. Please try again.
    Sorry, we can't add your comment right now. Please try again later.
    To add a comment, you need permission from your parent. Ask for permission
    Your parent has turned off comments.
    Sorry, we can't delete your comment right now. Please try again later.
    You've exceeded the maximum number of comments that can be left in one day. Please try again in 24 hours.
    Your account has had the ability to leave comments disabled because our systems indicate that you may be spamming other users. If you believe that your account has been disabled in error please contact Windows Live support.
    Complete the security check below to finish leaving your comment.
    The characters you type in the security check must match the characters in the picture or audio.

    To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in


    Don't have a Windows Live ID? Sign up

    淑敏wrote:
    Happy Birthday!!
    Nov. 15

    Trackbacks

    The trackback URL for this entry is:
    http://y1118s1115.spaces.live.com/blog/cns!90FDECCBA8C96E98!1454.trak
    Weblogs that reference this entry
    • None