Tuesday, February 11, 2014

موضوع [ درس ] شرح كيفية عمل نوافذ منبثقة للإعلانات بمجرد مرور الموس امة اقرا


في هذا الدرس سوف نشرح كيفية عمل نوافذ منبثقة
لعرض الإعلانات
تنبيه : النافذة المنبثقة تفتح بمجرد مرور الموس عليها
1- أنسخ الكود وضعه في الصفحة التى تريد أن يتم عرض الإعلان من خلالها
2- غير الكلام داخل الكود الى الكلام الذي تريده من خلال أكواد html
3-غير الرابط الموجود الى الرابط الذي تريده
4- يمكن أستخدام هذه الطريقة مع النصوص أو مع ديف أو مع صورة وعند مرور الموس
على الكلام او الصورة او الديف تفتح النافذة المنبثقة ويتم عرض الإعلانات
هذا هو الكود

رمز PHP:







<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

<
html xmlns="http://www.w3.org/1999/xhtml"

<
head

<
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<
title>CodeAve.com(JavaScriptHover  

Window within Previous Page
)</title

</
head

<
body bgcolor="#FFFFFF"



<
script language="JavaScript"

<!--  

// This is the function that will open the 

// new window when the mouse is moved over the link 

function open_new_window()  



new_window open("","hoverwindow","width=800,height=600,left=10,top=10"); 


// open new document  

new_window.document.open(); 


// Text of the new document 

// Replace your " with ' or \" or your document.write statements will fail 

new_window.document.write("<html><head> <title> كود الإعلانات </title> <meta http-equiv='refresh' content='5;URL=http://www.traidnt.net/vb/traidnt2390834/'> </head> "); 

new_window.document.write("<body bgcolor=\"#FFFFFF\">"); 

new_window.document.write("<h1> شركة أبلة  فاهيتا لخدمات الويبة </h1> "); 

new_window.document.write("<br>"); 

new_window.document.write("<h3>  شاشات أسكسورات موبيلات طيارات الويبة هي الحل </h3> "); 

new_window.document.write("<br>"); 

new_window.document.write("<img src='http://s28.postimg.org/49ayzpl25/image.jpg'"); 

new_window.document.write("<br>"); 

new_window.document.write("<br>"); 

new_window.document.write("< html ضع كود هنا>"); 

new_window.document.write("<br>"); 

new_window.document.write("< html ضع كود هنا>"); 

new_window.document.write("<br>"); 

new_window.document.write("< html ضع كود هنا>"); 

new_window.document.write("<br>"); 

new_window.document.write("< html ضع كود هنا>"); 

new_window.document.write("<br>"); 

new_window.document.write("</body></html>"); 


// close the document 

new_window.document.close();  










// This is the function that will close the 

// new window when the mouse is moved off the link 

function close_window()  



new_window.close(); 






// --> 

</script> 


<div align="center">


  <p><a href="https://www.google.com" onMouseOver="open_new_window()"> <font color="#000000"> <h2> ضع الموس على الكلام هنا لكي تشاهد تأثير عمل الكود </h2></font> </a> 

 

</div>





</body> 

</html> 









التحميل من المرفقات للمعاينة


تحياتي














الملفات المرفقة





نوع الملف : zip Untitled-4.zip (1.1 كيلوبايت)







No comments:

Post a Comment