مدونة شخابيط: اكواد جافا الاعلانات ومؤثرات الصور

‏إظهار الرسائل ذات التسميات اكواد جافا الاعلانات ومؤثرات الصور. إظهار كافة الرسائل

الاثنين، 29 أغسطس 2011

كود فتح الصورة بنافذة جديدة (تتعرف تلقائياً على حجمها)

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

طريقة التركيب: ضع الكود التالي بمنطقة الـ <head>

الكود:

<SCRIPT LANGUAGE="JavaScript">


</script>

2-
ضع الكود التالي بمنطقة الـ <body>

الكود

كود صور تتحرك من تحت لفوق

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

طريقة التركيب: ضع الكود في المكان الذي تريد ظهور السكريبت به

الكود:

<script language="JavaScript1.2">

///////configure the below four variables to change the style of the slider///////
//set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!
var scrollerwidth=103
var scrollerheight=106
var scrollerbgcolor='white'
//3000 miliseconds=3 seconds
var pausebetweenimages=3000

//configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tag
var slideimages=new Array()
slideimages[0]='<a href="http://www.vip600.com"><img src="http://soft.vip600.com/images/java/advexa.png" border=0"></a>'
slideimages[1]='<img src="http://soft.vip600.com/images/java/advexa.png">'
slideimages[2]='<img src="http://soft.vip600.com/images/java/advexa.png">'
slideimages[3]='<img src="http://soft.vip600.com/images/java/advexa.png">'
slideimages[4]='<img src="http://soft.vip600.com/images/java/advexa.png">'
//extend this list

///////Do not edit pass this line///////////////////////

if (slideimages.length>1)
i=2
else
i=0

function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(second2)",pausebetweenimages)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(first2)",pausebetweenimages)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}
}

window.onload=startscroll

</script>

<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; visibility=hide>
<layer id="first" left=0 top=1 width=&{scrollerwidth}; >
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[0])
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[1])
</script>
</layer>
</ilayer>

<script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
document.write(slideimages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
</script>

كود دعاية تتحرك في وسط الموقع

الوصف:
نافذة وبداخلها صورة تتحرك في داخل الصفحة ويمكن استخدام هذه الطريقة للدعاية.

طريقة التركيب: ضع الكود بمنطقة الـ <body>

الكود:

كود إعلان متحرك في الزاوية اليمنى بالأعلى

الوصف: طريقة جميلة بدأت تستخدمها المواقع
العربية للإعلان.

طريقة التركيب: ضع الكود بين علامتي الـ
<head> و </head>

احفظ هذه الصورة لديك (

) عن طريق الماوس "حفظ بإسم save as" وضعها بنفس
الملف الذي يحتوي على صفحة الإعلان.

الكود:

اضغط هنا للحصول على الكود

كود إعلان يسقط بوسط الموقع

الوصف: طريقة مختلفة للإعلان وليست مزعجة
... والإعلان يسقط من فوق الى منتصف الصفحة وبإمكان الزائر الضغط على اغلاق النافذة
ليختفي الإعلان.

طريقة التركيب: ضع
الكود بين علامتي الـ
<body> و </body>

الكود:

<script language="JavaScript1.2">

var ie=document.all
var dom=document.getElementById
var ns4=document.layers

var bouncelimit=32 //(must be divisible by 8)
var direction="up"

function initbox(){
if (!dom&&!ie&&!ns4)
return
crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
crossobj.top=scroll_top-250
crossobj.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropin()",50)
}

function dropin(){
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
if (parseInt(crossobj.top)<100+scroll_top)
crossobj.top=parseInt(crossobj.top)+40
else{
clearInterval(dropstart)
bouncestart=setInterval("bouncein()",50)
}
}

function bouncein(){
crossobj.top=parseInt(crossobj.top)-bouncelimit
if (bouncelimit<0)
bouncelimit+=8
bouncelimit=bouncelimit*-1
if (bouncelimit==0){
clearInterval(bouncestart)
}
}

function dismissbox(){
if (window.bouncestart) clearInterval(bouncestart)
crossobj.visibility="hidden"
}

window.onload=initbox

</script></head>

<body>
<div id="dropin" style="position:absolute;visibility:hidden;left:260;top:100;width:385;height:118;background-color:#F5F5F5">

<div align="right"><a href="#" onClick="dismissbox();return false">[اقفل
النافذة] </a>
<b><span lang="ar-sa"><font face="Tahoma" size="2">إعــــــلان</font></span></b></div>
<center>
<p><a href="http://soft.vip600.com/modules.php?name=Downloads&d_op=viewdownload&cid=65" target="_blank">
<img title="برامج جوالات نوكيا 6600 و7610" alt="برامج جوالات نوكيا 6600 و7610" src="http://www.vip600.com/adv/vip600-mob.gif" border="0" width="468" height="60"></a></p>
</center>

</div>

كود ثلاث إعلانات تظهر بالتناوب

الوصف: سكريبت رائع للإعلانات ... فهو
يقوم بعرض ثلاث إعلانات (بانرات) بالتناوب.

طريقة التركيب: ضع الكود بين علامتي الـ
<body> و </body>

الكود:

<html dir="rtl">
<SCRIPT LANGUAGE="JavaScript">


</SCRIPT>