2010-11-03 38 views
-2

我在網站中應用了css邊框顏色。我想要在每次刷新頁面時使用邊框顏色。如何在javascript中編寫代碼。如何更改邊框線顏色刷新頁面

+0

http://www.devcurry.com/2010/08/generate-random-colors-using-javascript.html – Phil 2010-11-03 05:54:10

+0

這是不斷變化的,我想只刷新頁面邊框的顏色會改變 – prakasam 2010-11-03 06:06:32

回答

1
function chgbord() 
{ 
var colorarr=new Array('red','green','blue'); 
document.getElementById('id').style.border="border:1px solid "+colorarr[Math.floor(Math.random()*3)]; 
} 

,並使用<body load="chgbord()">

+0

喜鍋它不工作somewat錯誤plz給我清楚 – prakasam 2010-11-03 07:01:11

+0

wats的錯誤?檢查與螢火蟲。或按Ctrl + Shift + J – kbvishnu 2010-11-03 07:10:31

+0

其不工作。我已經找到了代碼在PHP中,但如何寫在JavaScript代碼<?php function getBackgroundColor(){ switch(rand(0,3)){情況1: 返回「#f00」; 情況2: 返回「#0f0」;案例3: 返回「#00f」;默認: 返回「#fff」; } } > 測試頁 <體風格= 「背景色:」> 這裏來的體 – prakasam 2010-11-03 07:16:15

1

稍微不同的選項:

HTML:

<div class="myDiv"></div> 

CSS:

.myDiv { border-top: 5px solid #333; } 

功能:

<script type="text/javascript" charset="utf-8"> 

    $(document).ready(function() { 
     ChangeBorder(); 
    }); 

    function ChangeBorder() { 

     var colors = ["#ff0000", "#00ff00", "#0000ff", "#731472" ]; 
     var rand = Math.floor(Math.random()*colors.length);   
     $('.myDiv').css("border-color", colors[rand]); 

    } 

</script>