عملکرد صف
بازگشت به صفحه اصلی
بازگشت به صفحه مقاله
دو ستونی
دو سطری
اجرای کد RUN »
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ var div = $("div"); div.animate({height: '300px', opacity: '0.4'}, "slow"); div.animate({width: '300px', opacity: '0.8'}, "slow"); div.animate({height: '100px', opacity: '0.4'}, "slow"); div.animate({width: '100px', opacity: '0.8'}, "slow"); }); }); </script> </head> <body> <button>شروع انیمیشن</button> <p dir="rtl"> بطور پیش فرض تمام عناصر HTML یک موقعیت استاتیک دارند و نمی توانند جابجا شوند. برای دستکاری در موقعیت عناصر به یاد داشته باشید که ابتدا باید صفت CSS position عنصر را بر روی relative, fixed یا absoluteتنظیم کنید</p> <div style="background:#98bf21;height:100px;width:100px;position:absolute;"></div> </body> </html>