MrJazsohanisharma

Free CDN Random Background

byAdmin -
0

 


แจกฟรี CDN พื้นหลังแบบสุ่ม เป็นพื้นหลังแนวธรรมชาติสวยๆ เพื่อที่จะนำไปใช้กับเว็บของท่านได้เลย รับรองพื้นหลังไม่ซ้ำกับใครแน่นอน วันนี้ผมได้ทำเป็น CDN เพื่อทุกท่านสามารถนำไปใช้งานได้แบบฟรีๆ ไปเลย

Click here to read documentation in English




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>

<!-- CDN Background random by Teacher Abdul -->

 <script src="https://cdn.jsdelivr.net/gh/dun0077/dun0077.github.io/bgrandom.js"></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>

  </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");



แสดงความคิดเห็น (0)
ใหม่กว่า เก่ากว่า