فرض کنیم در صفحه خود متنی داریم که می خواهیم کاربر حتما آن را بخواند و به آن توجه کند. برای این منظور می خواهیم دکمه بستن بعد از 20 ثانیه ظاهر شود. چگونه اینکار را انجام می دهیم؟
- فرشته حقیقی 4 سال قبل سوال کرد
- آخرین ویرایش 4 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید
برای این منظور می توانیم از متد fadeIn
استفاده کنیم. با استفاده از این متد می توانیم یک المان را بعد از مدت زمان مشخصی نمایش دهیم.
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#div").fadeIn(20000);
});
</script>
</head>
<body>
<div id="div" style="display:none"> <span id='close'>x</span> </div>
<div > کاربر گرامی لطفا توجه نمایید</div>
</body>
</html>
همچنین برای اینکه المان در ابتدا نمایش داده نشود باید آن را "style="display:none
قرار دهیم.
- فرشته حقیقی 4 سال قبل پاسخ داد
- آخرین ویرایش 4 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید