1. استخدم JS لتحديد صفيف صورة ، والذي يخزن الصور التي تريد عرضها بشكل عشوائي
نسخة الكود كما يلي:
ar imgarr = ["// www.vevb.com/logo_cn.png" ،
"//www.vevb.com/baidu_sylogo1.gif" ،
"//www.vevb.com/news/uploadimg/20120111/20120111081906_79.jpg" ،
"//www.vevb.com/news/uploadimg/20120111/20110111081906_76.jpg"] ؛
يرجى تغيير الصورة أعلاه إلى بنفسك.
2. استخدم JS لإنشاء رقم عشوائي ، بالطبع ، يبدأ هذا الرقم العشوائي من 0 وينتهي من imgarr.length-1.
نسخة الكود كما يلي:
var index = parseint (math.random ()*(imgarr.length-1)) ؛
بهذه الطريقة نحصل على الصورة التي تم إنشاؤها عشوائيًا حاليًا
نسخة الكود كما يلي:
var currentImage = imgarr [index] ؛
3. منذ أن تم إنشاء صورة الخلفية بشكل عشوائي ، استخدم JS لاستخدام هذه الصورة كصورة الخلفية.
نسخة الكود كما يلي:
document.getElementById ("backgroundarea"). style.backgroundImage = "url ("+currentImage+")" ؛
نظرًا لأن هذا عرض تجريبي ، فقد حددت div مع معرف BackgroundArea على الصفحة ، وكذلك ضبط خلفية عشوائية لهذا div.
نسخة الكود كما يلي:
<div id = "backgroundarea">
</div>