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

วันที่โพสต์: Jan 11, 2020 2:38:0 AM

แบบที่ 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 พิมพ์ริบบิ้นไว้มุมซ้ายหน้าเว็บ

https://chawinrot.com/ribbon-code-for-commemorate-to-the-king/

<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>