Skip to main content

Posts

Showing posts with the label CSS

How to Create Hovering Ads HTML, CSS, JavaScript on Website or Blog

How to Create Hovering Ads HTML, CSS, JavaScript on Website or Blog How to Create Hovering Ads HTML, CSS, JavaScript on a Website or Blog To make ads float on websites, you can use the JavaScript and CSS programming languages. The following is sample code to create a floating ad: HTML: javascriptCopy code <div class="ads"> <img src="path/to/your/advertisement/image.jpg" alt="Advertisement"> </div> CSS: cssCopy code .ads { position: fixed; bottom: 10px; right: 10px; z-index: 9999; animation: slideup 5s easy-in-out infinite; } @keyframes slideup { 0% { transform: translateY(0); } 50% { transform: translate Y(-20px); } 100% { transform: translate Y(0); } } JavaScript: javascriptCopy code // Set the duration of the animation in seconds var duration = 5; // Set the delay before the animation starts in seconds var delay = 2; // Wait for the specified delay before showing the ad setTimeout(function() { document. querySe