اخبار اسلاميات الصحة التعليم الرباضة الاسرة والمجتمع الترفيه تطوير المنتديات اكواد html اكواد css تقنيات متقدمة لاصحاب المواقع.
 
الرئيسيةالرئيسية  البوابةالبوابة  اليوميةاليومية  مكتبة الصورمكتبة الصور  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  قالوا عناقالوا عنا  التسجيلالتسجيل  
أحرص على أن تكون مواضيعك من أجل الفائده أيا كانت ولا تكون من أجل زيادة عدد المشاركات فليس المهم أن تشارك بألف موضوع,,!! بل الأهم أن تكتب موضوع يستفيد منه ألف عضو,, اجعل من أخطاء مشاركات اليوم !! بنك الفائدة لمشاركاتك غداً وإجعل حكمتك الكلمة الطيبة ..صدقة
اللهم صلى على سيدنا محمد صلى الله عليه وسلم اللهم تمم علينا العيد بسعادة وفرحة وبهجة اللهم امين
أحرص على اختيار أفضل التعابير وأحسن الألفاظ وأثمن الجمل

شاطر | 
 

 كود اتحداك اذا عرفت تضغط على الزرار

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المدير
المدير
المدير


الجنس : ذكر
عدد المساهمات : 1779

بطاقة الشخصية
اخر المواضيع:

اخر المواضيع لشمس المستقبل

↑ Grab this Headline Animator


مُساهمةموضوع: كود اتحداك اذا عرفت تضغط على الزرار   السبت يناير 14, 2012 11:43 am

صورة الكود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

لتجربه الكود مباشرة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

الكود يوضع فى صفحة html

الكود

الرمز:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>noclick - Interactive DHTML</title>
<style type="text/css">
   body {
      margin: 0px;
      padding: 0px;
      background: #717171;
      position: absolute;
      width: 100%;
      height: 100%;
      color: #FFF;
      font-family: arial;
      font-size: 1em;
   }
</style>
<script type="text/javascript">
/* ======================================================================================
                              ===== no click =====
visit montada   
        http://ahlashams.ahlamontada.net
  ====================================================================================== */

var xm = 0;
var ym = 0;
document.onmousemove = function(e){
   if (window.event) e=window.event;
   xm = e.clientX;
   ym = e.clientY;
}

var noclick = {
   O : [],
   run : function() {
      for (var i = 0, o; o = noclick.O[i]; i++)
         o.anim();
   },
   resize : function() {
      for (var i = 0, o; o = noclick.O[i]; i++)
         o.resize();
   },
   init : function(){
      for (var i = 0, o; o = document.body.getElementsByTagName("*")[i]; i++){
         if (o.className.indexOf('noclick') >= 0) {
            o.l0 = o.style.left;
            o.t0 = o.style.top;
            o.resize = function() {
               this.style.left = this.l0;
               this.style.top = this.t0;
               for (var nx = 0, ny = 0, o = this.offsetParent; o != null; o = o.offsetParent)
                  nx += o.offsetLeft, ny += o.offsetTop;
               this.x0 = nx;
               this.y0 = ny;
               this.ox = this.offsetLeft;
               this.oy = this.offsetTop;
               this.rx = (this.style.position == 'absolute') ? 0 : this.ox;
               this.ry = (this.style.position == 'absolute') ? 0 : this.oy;
               this.px = this.ox;
               this.py = this.oy;
               this.nw = this.offsetWidth / 2;
               this.nh = this.offsetHeight / 2;
               this.dp = Math.max(this.offsetWidth, this.offsetHeight);
            }
            o.anim = function() {
               var xmm = xm - this.x0 - this.nw;
               var ymm = ym - this.y0 - this.nh;
               var dx = xmm - this.px;
               var dy = ymm - this.py;
               var d = Math.sqrt(dx * dx + dy * dy);
               this.px += ((this.ox - this.px) * .2);
               this.py += ((this.oy - this.py) * .2);
               if(d < this.dp && d > 0 ){
                  this.px = xmm - (this.dp * (xmm - this.px) / d);
                  this.py = ymm - (this.dp * (ymm - this.py) / d);
               }
               this.style.left = Math.round(this.px - this.rx) + 'px';
               this.style.top  = Math.round(this.py - this.ry) + 'px';
            }
            o.resize();
            this.O.push(o);
         }
      }
      setInterval(noclick.run, 16);
   }
}

 
onload = function () {
   noclick.init();
}

function resize() {
   noclick.resize();
}
onresize = resize;
</script>

</head>

<body>
<br><br><div style="position:relative;text-align:center;z-index:1">
<h1>EMERGENCY STRESS RELEASE</h1>Please click the <span class="noclick" style="position:relative;font-weight:bold;">button</span> below!


</div><div style="position:absolute;left:50%;top:50%;">
   <img class="noclick" src="http://www.dhteumeuleu.com/images/button.gif" style="position:absolute;left:-42px;top:-42px;z-index:0">
</div>
</body>
</html>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود اتحداك اذا عرفت تضغط على الزرار
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شمس المستقبل :: تطوير المنتديات :: اكواد HTML-
انتقل الى:  
ThE Footer