تجارب
مرحبا زائرنا الكريم نحن نتشرف جدا بتسجيلك معنا

فى منتدى كوره نيوز
تجارب
مرحبا زائرنا الكريم نحن نتشرف جدا بتسجيلك معنا

فى منتدى كوره نيوز
تجارب
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


اهلا ومرحبا بك يا زائر فى منتدى نجوم الابــــداع حيث الابداع المجانى
 
الرئيسيةالبوابةأحدث الصورالتسجيلدخول

 

  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ]

اذهب الى الأسفل 
كاتب الموضوعرسالة
محمد طاهر
مشرف عام
مشرف عام
avatar


عدد مشاركاتى : 15
نقاط : 35
تاريخ التسجيل : 04/02/2012

  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] Empty
مُساهمةموضوع: كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ]     كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] Emptyالأحد أبريل 01, 2012 9:33 am

السلام عليكم ورحمة الله وبركاته
اهلا يا اعضاء وزوار منتدى الدعم
كود jQuery التاثيرات على الماوس عند المرور على الصور.

صورة للمعاينة
https://i.servimg.com/u/f43/16/43/22/50/untitl14.gif
  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] Untitl14

اليكم الكود ::
الكود:
$(function(){$('img').mouseover(function(){$(this).fadeTo('400',0.50);$(this).fadeTo('400',1)})});$(function(){$('img.luay2011').mouseover(function(){$(this).animate({rotate:'40deg'});$(this).animate({rotate:'-=40deg'})})});$(function(){$('img.luay2012').mouseover(function(){$(this).animate({rotate:'40deg'});$(this).animate({rotate:'-=40deg'})})});

طرقة تركيب الكود::

<blockquote>
لوحة الادارة
عناصر اضافية
HTML و JAVASCRIPT
</blockquote>
إدارة أكواد Javascript
إنشاء كود جديد

ونضع الكود ونختار أضف الكود الى : جميع الصفحات
ونضغط قدم
وده شرح بالصور ..لاضافة اكواد الجافا سكربت

ما هي أكواد JavaScript

الجافا سكربت:هي
لغة برمجة مهمتها المساعدة في بناء المواقع و إعطاء بعض الحيوية لصفحات
الويب مثل الساعات و القوائم و أشياء أخرى متنوعة , و هي من تطوير شركة
NETscape





طريقة وضع الأكواد

لوحة الإدارة



عناصر إضافية

  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] 410

https://i.servimg.com/u/f40/13/80/33/13/410.jpg



HTML و JAVASCRIPT


تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] 710

https://i.servimg.com/u/f40/13/80/33/13/710.jpg


إدارة أكواد Javascript

  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] 810

https://i.servimg.com/u/f40/13/80/33/13/810.jpg


لتظهر بالشكل التالي


تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] 1010

https://i.servimg.com/u/f40/13/80/33/13/1010.jpg

اضغط زرلإنشاء كود جديد

  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] 1110
https://i.servimg.com/u/f40/13/80/33/13/1110.jpg


ثم تضع الكود كما هو موضع في الصورة


تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] 1310

https://i.servimg.com/u/f40/13/80/33/13/1310.jpg


بخصوص
خيار
اضافة الكود الى


اختر مكان ظهور الكود الامكنة التى تناسبك

واضغط

قدم

بخصوص تعديل الكود يمكنك الضغط على العلامة التى تظهر لك بعد وضع الكود
وهي
  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] Editer


ملاحظة :
لا ترهق صفحتك بالكثير من أكواد الجافا و ذلك لضمان ظهور صفحتك بشكل صحيح و
حتى لا ينفر منها الزائر , و ستجد هنا أكواد مفيدة أخرى بغير لغة الجافا
سكربت تم اضافتها للإفادة



بالنسبة للمنتديات من نسختي Phpbb2 و PunBB و التي اشترت حق تعديل التومبلايتات و قامت بتغيير التومبلايت
يجب عليها اجباريا2 ان تقوم بالتعديل التالي في تومبلايتها overall_header المشخص للحصول على هذا التجديد:


لوحة الإدرة


مظهر المنتدى

  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] Sans_t10
https://i.servimg.com/u/f40/13/80/33/13/sans_t10.jpg


التومبيلات والقوالب
  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] Sans_t11
https://i.servimg.com/u/f40/13/80/33/13/sans_t11.jpg

ثم


إدارة عامة


ثم

توجهة إلى

overall_header


:

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] Sans_t12
https://i.servimg.com/u/f40/13/80/33/13/sans_t12.jpg

إضغط على لتعديل في محتوى الكود
  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] Editer

و ابحث عن الكود التالي

الكود:
    <!-- BEGIN google_analytics_code -->
ثم ضع قبله مباشرة الكود التطميلي التالي:

الكود:
{HOSTING_JS}


قاهر الاكواد

متطوع للمساعدة
afro
الرجوع الى أعلى الصفحة اذهب الى الأسفل
محمد طاهر
مشرف عام
مشرف عام
avatar


عدد مشاركاتى : 15
نقاط : 35
تاريخ التسجيل : 04/02/2012

  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] Empty
مُساهمةموضوع: رد: كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ]     كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] Emptyالأحد أبريل 01, 2012 9:42 am

محمد طاهر كتب:

السلام عليكم ورحمة الله وبركاته
اهلا يا اعضاء وزوار منتدى الدعم
كود jQuery التاثيرات على الماوس عند المرور على الصور.

صورة للمعاينة
https://i.servimg.com/u/f43/16/43/22/50/untitl14.gif
  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] Untitl14

اليكم الكود ::
الكود:
$(function(){$('img').mouseover(function(){$(this).fadeTo('400',0.50);$(this).fadeTo('400',1)})});$(function(){$('img.luay2011').mouseover(function(){$(this).animate({rotate:'40deg'});$(this).animate({rotate:'-=40deg'})})});$(function(){$('img.luay2012').mouseover(function(){$(this).animate({rotate:'40deg'});$(this).animate({rotate:'-=40deg'})})});

طرقة تركيب الكود::

<blockquote>
لوحة الادارة
عناصر اضافية
HTML و JAVASCRIPT
</blockquote>
إدارة أكواد Javascript
إنشاء كود جديد

ونضع الكود ونختار أضف الكود الى : جميع الصفحات
ونضغط قدم
وده شرح بالصور ..لاضافة اكواد الجافا سكربت

ما هي أكواد JavaScript

الجافا سكربت:هي
لغة برمجة مهمتها المساعدة في بناء المواقع و إعطاء بعض الحيوية لصفحات
الويب مثل الساعات و القوائم و أشياء أخرى متنوعة , و هي من تطوير شركة
NETscape





طريقة وضع الأكواد

لوحة الإدارة



عناصر إضافية

  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] 410

https://i.servimg.com/u/f40/13/80/33/13/410.jpg



HTML و JAVASCRIPT


  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] 710

https://i.servimg.com/u/f40/13/80/33/13/710.jpg


إدارة أكواد Javascript

  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] 810

https://i.servimg.com/u/f40/13/80/33/13/810.jpg


لتظهر بالشكل التالي


  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] 1010

https://i.servimg.com/u/f40/13/80/33/13/1010.jpg

اضغط زرلإنشاء كود جديد

  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] 1110
https://i.servimg.com/u/f40/13/80/33/13/1110.jpg


ثم تضع الكود كما هو موضع في الصورة



  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] 1310

https://i.servimg.com/u/f40/13/80/33/13/1310.jpg


بخصوص
خيار
اضافة الكود الى


اختر مكان ظهور الكود الامكنة التى تناسبك

واضغط

قدم

بخصوص تعديل الكود يمكنك الضغط على العلامة التى تظهر لك بعد وضع الكود
وهي
  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] Editer


ملاحظة :
لا ترهق صفحتك بالكثير من أكواد الجافا و ذلك لضمان ظهور صفحتك بشكل صحيح و
حتى لا ينفر منها الزائر , و ستجد هنا أكواد مفيدة أخرى بغير لغة الجافا
سكربت تم اضافتها للإفادة



بالنسبة للمنتديات من نسختي Phpbb2 و PunBB و التي اشترت حق تعديل التومبلايتات و قامت بتغيير التومبلايت
يجب عليها اجباريا2 ان تقوم بالتعديل التالي في تومبلايتها overall_header المشخص للحصول على هذا التجديد:


لوحة الإدرة


مظهر المنتدى

  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] Sans_t10
https://i.servimg.com/u/f40/13/80/33/13/sans_t10.jpg


التومبيلات والقوالب
  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] Sans_t11
https://i.servimg.com/u/f40/13/80/33/13/sans_t11.jpg

ثم


إدارة عامة


ثم

توجهة إلى

overall_header


:


  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] Sans_t12
https://i.servimg.com/u/f40/13/80/33/13/sans_t12.jpg

إضغط على لتعديل في محتوى الكود
  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ] Editer

و ابحث عن الكود التالي

الكود:
   
ثم ضع قبله مباشرة الكود التطميلي التالي:

الكود:
{HOSTING_JS}


قاهر الاكواد

متطوع للمساعدة
afro
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ]
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» الصور المستخدمه لفريق الابداع
» شرح بالصورة لطريقة تصميم صورة يعمل عليها صوت عندمرور الماوس عليها

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
تجارب :: تطوير المنتديات :: أكواد الجافا إسكريبت JAVA-
انتقل الى: