บทความนี้แสดงให้เห็นถึงวิธีการของ JS ในการหายไปโฆษณาขนาดใหญ่โดยอัตโนมัติโดยเลื่อนออกจากมุมบนขวาของหน้าเว็บ แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
คัดลอกรหัสดังนี้: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title> เอฟเฟกต์โฆษณาขนาดใหญ่ที่จะหายไปโดยอัตโนมัติเมื่อมุมบนขวาของหน้าเว็บ JS ถูกกวาดออกมา </title>
<meta http-equiv = "content-type" content = "text/html; charset = gb2312">>
<!-เพิ่มรหัสต่อไปนี้ระหว่าง <head> และ </head>->
<script type = "text/javascript" language = "JavaScript">
var time = 500;
var w = 0;
ฟังก์ชั่น addCount ()
-
ถ้า (เวลา> 0)
-
เวลา--;
W = W+5;
-
อื่น
-
กลับ;
-
ถ้า (w> 278) // ความกว้าง
-
กลับ;
-
document.getElementById ("โฆษณา"). style.display = "";
document.getElementById ("โฆษณา"). style.width = w+"px";
settimeout ("addCount ()", 30);
-
window.onload = function showads ()
-
addCount ();
settimeout ("noneads ()", 3000); // เวลา danging
-
</script>
<script type = "text/javascript" language = "JavaScript">
var t = 198;
var n = 188; // ความสูง
ฟังก์ชั่น noneads ()
-
ถ้า (t> 0)
-
t--;
n = n-5;
-
อื่น
-
กลับ;
-
ถ้า (n <0)
-
document.getElementById ("โฆษณา"). style.display = "ไม่มี";
กลับ;
-
document.getElementById ("โฆษณา"). style.width = n+"px";
settimeout ("noneads ()", 30);
-
</script>
</head>
<body>
<!-เพิ่มรหัสต่อไปนี้ระหว่าง <body> และ </body>->
<div id = "ads" style = "margin: auto; display: none; ตำแหน่ง: Absolute; width: 200px; top: 0px; ขวา: 0; ความสูง: 200px; พื้นหลัง-สี:#d5282e; ล้น: hidden; </p>
</div>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน