script ไว้อาลัยหน้าเว็บไซต์

โพสต์10 ม.ค. 2563 18:38โดยมณฑล พร้อมสันเทียะ   [ อัปเดต 10 ม.ค. 2563 22:29 ]

แบบที่ 1 Style CSS ทำพื้นเป็นสี่เทา
https://stackoverflow.com/questions/30192221/is-it-possible-to-turn-an-entire-webpage-to-grayscale-using-css?fbclid=IwAR0cs0V95zm3uajOPgoLdQ5RAzhqjChxiCRzbuzWhEC4weKliEQ7H6crriw
<style type="text/css">
html {
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    filter: grayscale(100%);
}
</style>


แบบที่ 2 javaScript พิมพ์ริบบิ้นไว้มุมซ้ายหน้าเว็บ
<script type="text/javascript">
  document.write("<div id='ribbon'></div>");
  const text = "<font size=22px>R.I.P.</font><br>คัดค้านการปรับโครงสร้าง ศธ.";
  const ribbon = document.getElementById('ribbon');
  ribbon.innerHTML = text;
  ribbon.style.backgroundColor = "#000";
  ribbon.style.boxShadow = "0px 0px 10px rgba(0,0,0, 0.5)";
  ribbon.style.color = "#fff";
  ribbon.style.padding = "10px";
  ribbon.style.position = "fixed";
  ribbon.style.top = "50px";
  ribbon.style.left = "-55px";
  ribbon.style.textAlign = "center";
  ribbon.style.width = "250px";
  ribbon.style.zIndex = 999999;
  ribbon.style.transform = "rotate(-45deg)";
</script>


แบบที่ 3 คำสั่ง HTML
<center><img src='http://loei1.go.th/images-intro/2020-01-11_10-11-52.png' width='50%'></center>

Comments