تصف هذه المقالة طريقة JS لتحقيق تأثير وميض ثابت للنقر على النص المقابل لطبقة DIV. شاركه للرجوع إليه. التحليل المحدد هو كما يلي:
غالبًا ما نرى هذا التأثير على العديد من مواقع الترفيه. انقر على النص في مربع على صفحة الويب ، ثم يستمر المربع بأكمله في الوميض. إنه تأثير ديناميكي جيد للغاية ويمكنه بسهولة جذب انتباه العملاء. هذا الرمز يدرك هذا التأثير. بعد النقر على مربع ، سوف يومض المربع.
انسخ الرمز على النحو التالي: <! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = utf-8" />
<title> يدرك JS النقر فوق النص المقابل لـ Div Layer Flighting </title>
<type type = "text/css">
#box {position: absolute ؛ top: 50 ٪ ؛ اليسار: 50 ٪ ؛ اللون: #ffff ؛ العرض: 200px ؛ الارتفاع: 200px ؛ الخلفية: Red ؛ المؤشر: مؤشر ؛ تباعد الحروف: 5px ؛ النصوص النصية: المركز ؛ الخط: 12px/200px arial ؛ الهامش: -100px 0 0 -100px ؛
</style>
<script type = "text/javaScript">
window.onload = function ()
{
var obox = document.getElementById ("box") ؛
var timer = null ؛
obox.onclick = function ()
{
var i = 0 ؛
ClearInterval (مؤقت) ؛
Timer = setInterval (function () {
obox.style.display = i ++ ٪ 2؟ "لا شيء": "كتلة" ؛
أنا> 6 && (Clearinterval (Timer))
} ، 80)
}
} ؛
</script>
</head>
<body>
<div id = "box"> wulin.com يذكر: إذا كنت تجرؤ على النقر علىي ، فأنا أجرؤ على الفلاش </div>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.