logo blog

Floating

// Create the banner element var banner = document.createElement("div"); banner.id = "floating-banner"; // Set the banner's initial position banner.style.position = "fixed"; banner.style.top = "0"; banner.style.left = "0"; // Add some content to the banner banner.innerHTML = "This is a floating banner!"; // Add the banner to the page document.body.appendChild(banner); // Animate the banner's movement setInterval(function() { var banner = document.getElementById("floating-banner"); var x = parseInt(banner.style.left); var y = parseInt(banner.style.top); // Move the banner to the right and down banner.style.left = x + 1 + "px"; banner.style.top = y + 1 + "px"; // If the banner has moved off the screen, reset its position if (x > window.innerWidth || y > window.innerHeight) { banner.style.left = "0"; banner.style.top = "0"; } }, 20);

About This Blog

About This Blog

Bubblews Tips & Tutorial blog is a blog contains the information & guide related to the work of Bubblews writers (Bubblers). This blog provide some tutorials and guide how to work well on Bubblews, Helping the bubblers to understand the rules on Bubblews. So, they will not violate the rules again.

The content of this blog are creating by the admin and some of them are re posted from the Bubblews post which the admin of this blog made and/or the post of the others Bubblers which the admin think will be useful in helping other Bubblers. Every post which is re posted in this blog will have a source link to the original post.

Bubblews and Bubblews' logo belong to Bubblews LLC.

By on 3:06 PM

Tags: About

Share this:

Enter your email address to get update from Kompi Ajaib.
Next
« Next Post
Previous
This Is The Oldest Page

No comments

If you have a question, feel free to ask here in the comment box :)

About / Contact / Privacy Policy / Disclaimer
Copyright © 2015. Bubblews Tips & Tutorial - All Rights Reserved
Template Proudly Blogger