رفتن به ادامه مطلب

[olampiad]

سلام
تو بعضی سایت ها می بینید قسمتی از یک مطلب را می نویسند و یک ادامه مطلب مب زارن.
وقتی روی ادامه مطلب کلیک می کنیٰٰٰ.ادامه مطلب به صورت slide down باز می شود.
خواستم ببینم با java script چگونه چنین چیزی درست می کنند.
می شه یه توضیح محتصر بدین.
ممنون

[olampiad]

چه طور می شه با java dcript چیزی شبیه slide down نوشت؟
ممنون

[Javidhb]

دمو: http://jsbin.com/azewi5/1/edit

منبع (http://stackoverflow.com/questions/3795481/javascript-slidedown-without-jquery)


اگه جاییش برات سوال پیش اومد بپرس...

[olampiad]

سلام
من به کد نگا کردم
خیلی پیچیده بود

document.getElementById('hamid').onclick=function( ){
document.getElementById('hamid').style.height=500+ 'px';
}
})()

من کد بالایی رو نوشتم فقط خیلی سریع اتفاق می افته.
نمی شه به خط دوم تایم داد.
مثلا اندازه height آن در عرض 1000s بزرگ شه.
ممنون

[Javidhb]

از setInterval استفاده کن...

و مقدار height رو افزایش بده.



var myHeight = 0;
//هر نیم ثانیه 10 پیکسل به ارتفاع اضافه میشه
setInterval(function(){
myHeight += 10;
document.getElementById('hamid').style.height= myHeight + 'px';
}, 500);

[olampiad]

سلام
تشکر فراوان بابت جواب ها
امکانش است کاری کنم که height‌به مقداری ثابت رسید
با فرمان breack از setInterval خارج شود
ممنون

[Javidhb]

باید از clearInterval (http://www.w3schools.com/jsref/met_win_clearinterval.asp)استفاده کنی.
و قبلش هم Inerval رو به یه متغیر اختصاص بدی.



var myInterval = setInterval(function(){
myHeight += 10;

//شرط برای مقدار ارتفاع
if(myHeight === #)
{
clearInterval(myInterval); //توقف اینتروال
}

document.getElementById('hamid').style.height= myHeight + 'px';
}, 500);