البحث

أتحداك تمسكني :)

                No comments    
<!-- HaYeF.By alsafrani.blogspot JavaScript -->
<body onLoad="changeIt();" onClick="moveIt();">
<span id="button1" style="position:relative;z-index:10"></span>
<script>
var btnbgcol="lightgreen"
var fntcol="black"
var ok=(document.getElementById||document.all)?1:0
if (ok)
var cross_el=document.getElementById? document.getElementById("button1"):button1
message = "إأتحدإأكـ تمسكـني!"
var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
function changeIt(){
if (!ok)
return
cross_el.innerHTML='<button style="background-color:'+btnbgcol+'" onmouseDown="moveIt();" onmouseOver="moveIt()">'+message+'</button>'
}
function setRandom(){
random1=Math.floor(Math.random()*301)
random2=Math.floor(Math.random()*401)
}
function moveIt(){
if (!ok)
return
setRandom()
cross_el.style.top=random1+'px'
cross_el.style.left=random2+'px'
if (document.all){
if (cross_el.offsetTop-standardbody.scrollTop>standardbody.clientHeight)
cross_el.style.top=random1*(-2/3)+'px'
}
else{
if (cross_el.offsetTop-window.pageYOffset>window.innerHeight)
cross_el.style.top=random1*(-2/3)+'px'
}
}
</script>
<!-- HaYeF.By alsafrani.blogspot JavaScript -->


المثال

https://java101script.blogspot.com/p/blog-page_17.html 

Share:

Related Posts:

0 التعليقات ::

إرسال تعليق