توضح هذه المقالة طريقة JS لتختفي الإعلانات الكبيرة تلقائيًا عن طريق الانزلاق من الزاوية اليمنى العليا من صفحة الويب. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
انسخ الرمز على النحو التالي: <! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3
<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 ("ADS"). style.display = "" ؛
document.getElementById ("ADS"). style.width = w+"px" ؛
setTimeout ("addCount ()" ، 30) ؛
}
window.onload = وظيفة showads ()
{
addCount () ؛
setTimeout ("noneads ()" ، 3000) ؛ // الوقت المتداعي
}
</script>
<script type = "text/javaScript" language = "javaScript">
var t = 198 ؛
var n = 188 ؛ // الارتفاع
الوظيفة noneads ()
{
إذا (t> 0)
{
ر ؛
n = n-5 ؛
}
آخر
{
يعود؛
}
إذا (n <0)
{
document.getElementById ("ADS"). style.display = "none" ؛
يعود؛
}
document.getElementById ("ADS"). style.width = n+"px" ؛
setTimeout ("noneads ()" ، 30) ؛
}
</script>
</head>
<body>
<!-أضف الكود التالي بين <body> و </body>->
<div id = "ads" style = "margin: auto ؛ display: none ؛ الموضع: المطلق ؛ العرض: 200px ؛ الأعلى: 0px ؛ اليمين: 0 ؛ الارتفاع: 200 بكسل ؛ لون الخلفية:#d5282e ؛ overflow: hidden ؛ abs-align:" </p>
</div>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.