محو کردن div [بایگانی]

mohsen.dbnet

دوشنبه 03 اسفند 1388, 09:36 صبح

با سلام خدمت بچه های عزیز
چطور می تونم یه divرو آروم آروم محوش کنم
اصلا خصوصیتی هست که این کارو با مثلا اسکریپت آروم محوش کنم
با تشکر

mehdi.mousavi

دوشنبه 03 اسفند 1388, 13:01 عصر

با سلام خدمت بچه های عزیز
چطور می تونم یه divرو آروم آروم محوش کنم
اصلا خصوصیتی هست که این کارو با مثلا اسکریپت آروم محوش کنم
با تشکر

سلام.
کافیه توی یک timer، و در نتیجه فواصل زمانی مشخص، opacity اون element رو از 1 به صفر برسونید. اینطوری اون Element از روی صفحه به آرامی محو میشه.

موفق باشید.

mohsen.dbnet

دوشنبه 03 اسفند 1388, 16:30 عصر

سلام
هر چقدر سعی می کنم روی opacity تاثیر بذارم نمی شه
اینم کد برنامم

کد

<html>
<head>
<title>Main Page</title>
<style type="text/css">
.s1{
width: 100;
height: 100;
position:absolute;
background:#6567d4;
margin-top:200px;
margin-left:50%;
}
</style>
<body window.setTimeout('f()',1000);>
<script>
i=0.1;
function f1()
{

i=i+0.1;
if(i==1.0)
i=0.1;

document.getElementById("d1").style.opacity=i;
window.setTimeout('f()',1000);
}
</script>
<center>
<div class="s1" name="d1">
</div>
</center>
</body>
</head>
</html>

mehdi.mousavi

دوشنبه 03 اسفند 1388, 16:55 عصر

کدی که نوشته بودید ایراد داشت:

<head>
<style type="text/css">
.s1 {
width: 100;
height: 100;
position: absolute;
background: #6567d4;
margin-top: 200px;
margin-left: 50%;
}
</style>
<script type="text/javascript">
function onload() {
var i = .1;
window.setInterval(function() {
i += .1;
if (i >= 1)
i = .1;

document.getElementById("d1").style.opacity = i;
}, 300);
}
</script>
</head>
<body onload="javascript:onload();">
<center>
<div class="s1" id="d1">
TEST STRING
</div>
</center>
</body>

mohsen.dbnet

دوشنبه 03 اسفند 1388, 17:28 عصر

چرا از jquery و fade استفاده نمی کنید !؟
آخه تازه کارم و وارد بحث jquery نشدم که بدون چه کارهایی می تونم باهاش بکنم

mohsen.dbnet

دوشنبه 03 اسفند 1388, 19:47 عصر

ببخشید این تیکه اینجا چه کارس

<body onload="javascript<b></b>:onload();">
آخه بود و نبودشم امتحان کردم فرقی نکرد

mehdi.mousavi

دوشنبه 03 اسفند 1388, 21:08 عصر

ببخشید این تیکه اینجا چه کارس

<body onload="javascript<b></b>:onload();">
آخه بود و نبودشم امتحان کردم فرقی نکرد

سلام.
اون تگ bold اضافی هستش. اینقدر من رو Browser ام add-ons نصب کردم که هر از گاهی از اینجور چیزها واسم پیش میاد... اما javascript داره میگه که تابع onload یک تابع JavaScript ای هستش... تو browser های جدید میتونید اونو هم نذارید و مشکلی هم پیش نمیاد...

موفق باشید.