ID: 509
Viewed: 3616
Added: Aug 10, 2003
Version: 1
Snippet uploaded by: snippet
Written By: Unknown
Demo: Sorry, no demo
Thank you for your vote. Please wait...
It appears you already voted for this snippet
It appears your vote value was empty
Pretty neat little script. make a bouncing motion as it comes into the window. Direction can be controlled as with the bounce. Also you can control the speed of the bounce.
browsers: IE4+, NS4.xx, NS6+, Mozilla 1.3+
browsers: IE4+, NS4.xx, NS6+, Mozilla 1.3+
<!---Head--->
<script language="JavaScript1.2" type="text/javascript">
var ie=document.all
var dom=document.getElementById
var ns4=document.layers
var calunits=document.layers? "" : "px"
var bouncelimit=32 //(must be divisible by 8)
var direction="up"
// controls the speed of the bounce.
//higher the number the slower it is.
var boxspd=50
// controls the postion of the drop,
// smaller the number, higher the box
var boxpos=100
function initbox(){
if (!dom&&!ie&&!ns4)
return
crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
crossobj.top=scroll_top-250+calunits
crossobj.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropin()",50)
}
function dropin(){
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
if (parseInt(crossobj.top)<boxpos+scroll_top)
crossobj.top=parseInt(crossobj.top)+40+calunits
else{
clearInterval(dropstart)
bouncestart=setInterval("bouncein()",boxspd)
}
}
function bouncein(){
crossobj.top=parseInt(crossobj.top)-bouncelimit+calunits
if (bouncelimit<0)
bouncelimit+=8
bouncelimit=bouncelimit*-1
if (bouncelimit==0){
clearInterval(bouncestart)
}
}
function dismissbox(){
if (window.bouncestart) clearInterval(bouncestart)
crossobj.visibility="hidden"
}
function truebody(){
return (document.compatMode!="BackCompat")? document.documentElement : document.body
}
window.onload=initbox
</script>
<!---Body--->
<div id="dropin" style="position:absolute;visibility:hidden;left:200px;top:100px;width:500px;height:300px;background-color:#F5F5F5">
<div align="right"><a href="#" onClick="dismissbox();retu\r\n false">[Close Box] </a></div>
YOUR CONTENT GOES HERE. IT COULD BE TEXT, IMAGES, OR RICH HTML
</div>
No Comments to show
Please completely fill out the form below if you want to review this snippet. All reviews are subject to validation.
Adding your comment. Please wait...
Thanks for adding your comment!. After further review it will be added.
There was a problem adding your comment. Please try again.
Please complete all the fields in the form before sending.