แจกฟรี CDN พื้นหลังแบบสุ่ม เป็นพื้นหลังแนวธรรมชาติสวยๆ เพื่อที่จะนำไปใช้กับเว็บของท่านได้เลย รับรองพื้นหลังไม่ซ้ำกับใครแน่นอน วันนี้ผมได้ทำเป็น CDN เพื่อทุกท่านสามารถนำไปใช้งานได้แบบฟรีๆ ไปเลย
1. สร้างไฟล์ index.html ขึ้นมา ตัวอย่างเช่น :
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Random background by Teacher Abdul</title> </head> <body> <h1>Hello, world!</h1> </body> </html> |
2. คัดลอก CDN ของผมไปวางในแท็ก <head>
ตัวอย่าง:
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Random background by Teacher Abdul</title>
<style> body { background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } </style>
<!-- CDN Background random by Teacher Abdul --> <script src="https://cdn.jsdelivr.net/gh/dun0077/dun0077.github.io/bgrandom.js"></script>
</head> <body> <h1>Hello, world!</h1> </body> </html> |
3. เรียกใช้ฟังก์ชั่น bgRandom() ในแทก <script>
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Random background by Teacher Abdul</title>
<style> body { background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } </style>
<!-- CDN Background random by Teacher Abdul --> <script src="https://cdn.jsdelivr.net/gh/dun0077/dun0077.github.io/bgrandom.js"></script>
</head>
<body> <h1>Hello, world!</h1>
<script> bgRandom("body"); </script> </body> </html> |
ท่านสามารถกำหนดชื่อแทก หรือไอดี หรือ คลาส ในวงเล็บ () และจะต้องอยู่ภายใน เครื่องหมายคำพูดเดี่ยว (single quote) หรือเครื่องหมายคำพูดคู่ (double quote)
ตัวอย่างการใช้กับชื่อแทก:
bgRandom("body");
bgRandom("div");
bgRandom("p");
bgRandom("table");
สำหรับการอ้างอิงด้วยไอดีจะต้องใส่เครื่องหมาย # นำหน้าไอดี
ตัวอย่างเช่น:
bgRandom("#demo");
การอ้างอิงด้วยคลาสจะต้องใส่จุด (.) นำหน้าคลาส
ตัวอย่างเช่น:
bgRandom(".demo");
