Welcome to JS Bin

JS Bin

Save
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
  <meta charset="utf-8">
  <title>ساحة التّجربة</title>
</head>
<body dir="rtl">
  <h3>ساحة التّجربة</h3>
  <p>هنا نص HTML قصير يمكنك استخدامه لتجربة مكتبة <a href="http://jquery.com">jQuery</a>. عدّل نصوص JavaScript في القسم الموافق. ستظهر نتائج التّسجيل في القسم Console.</p>
  <p class="hidden">هذا سرّ!</p>
<p class="old">هذا سيُحذف</p>
<p class="funtimes">وقتًا ممتعًا!</p>
</body>
</html>
 
.hidden {
  display: none;
}
 
$( '.funtimes' ).animate({
    left: '+=50', // زد بمقدار 50
    opacity: 0.25,
    fontSize: '12px'
  },
  300,
  function() {
    // تنفّذ عند انتهاء الحركة
  }
);
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x