تصف هذه المقالة طريقة JS لتحقيق اختفاء الصورة محدودة الوقت. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
انسخ الرمز كما يلي: <html>
<title> الصور التي تختفي في الوقت المحدد </title>
<body>
<لغة البرنامج النصي = javaScript>
<!-إخفاء البرنامج النصي من المتصفحات القديمة-
// 1) جعل شعار 88*31.
إذا (document.images)
var staticlogo = صورة جديدة (758،100)
// 2) اضبط المسار على الشعار.
staticlogo.src = "/images/banner.gif"
// 3) ما يلي هو الاتصال الذي يمثله الشعار.
var logolink = "http://www.vevb.com/"
// 4) اضبط سمة ALT.
var alttext = "Code Home"
// 5) قم بتعيين السمة التالية على 1 أو 0 (1 فريد من نوعه لـ IE ، مما يجعل الشعار يظهر)
var fadeintoview = 1
/* 6) أخيرًا ، قم بتعيين الوقت لعرض الشعار ، على سبيل المثال ، 12 ثانية ، وقيمة 0 تعني أن الشاشة يتم عرضها دائمًا
*/
var isbileduration = 5
وظيفة التجديد () {
window.location.reload ()
}
وظيفة التجديد 2 () {
if (document.layers)
setTimeout ("window.onresize = Regenerate" ، 400)
}
var fadeset = ''
إذا (fadeintoview)
Fadeset = "Filter: alpha (عتامة = 0)"
if (document.all)
document.write ('<span id = "logo" "style ="'+fadeset+'؛ الموضع: المطلق ؛ أعلى: 100 ؛ العرض:'+staticlogo.width+'؛ الارتفاع:'+StaticLogo.height+'"> </span>)
وظيفة bringIntoview () {
if (logo.filters.alpha.Opacity <= 95)
logo.filters.alpha.Opacity+= 5
آخر{
ClearInterval (عرض)
إذا (isbileduration! = 0)
setTimeout ("logo.style.vibility = 'hidden'" ، pitiblementuration*1000)
}
}
وظيفة createlogo () {
staticimage = طبقة جديدة (100)
staticimage.left = -300
staticimage.top = 120
staticimage.document.write ('<a href = "'+logolink+'"> <img src = "'+staticlogo.src+'" border = 0> </a>)
staticimage.document.close ()
staticimage.vibility = "Show"
Regenerate2 ()
staticitns ()
}
if (document.layers)
window.onload = createLogo ؛
if (document.all) {
ث = 2
H = 2
Logo.Style.Left = W.
logo.style.top = h
}
وظيفة شعار () {
var w2 = document.body.scrollleft+w
var h2 = document.body.scrolltop+h
Logo.Style.Left = W2
logo.style.top = H2
}
وظيفة شعار 2 () {
staticimage.left = pagexoffset+2
staticimage.top = pageyoffset+2
}
دالة insertimage () {
logo.innerhtml = '<a href = "'+logolink+'"> <img src = "'+staticlogo.src+'" border = 0> </a>'
إذا (fadeintoview)
ViewIt = setInterval ("BringIntoview ()" ، 100)
آخر{
إذا (isbileduration! = 0)
setTimeout ("logo.style.vibility = 'hidden'" ، pitiblementuration*1000)
}
}
if (document.all) {
window.onscroll = شعار
window.onresize = وظيفة جديدة ("window.location.reload ()")
window.onload = insertimage
}
وظيفة staticitns () {
setInterval ("Logoit2 ()" ، 90)
إذا (isbileduration! = 0)
setTimeout ("staticimage.vibility = 'Hide'" ، pisibleturation*1000)
}
//->
</script>
</body>
</html>
<br>
<br>
<br>
<br>
<br>
<br> سوف تختفي الصورة تلقائيًا بعد 5 ثوانٍ.
<br>
<br>
<br>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.