Twinkle Text
Written by 21 August 2012
When you want to warn a message to the users of your website or inform them of the latest news and discounts, you can use the flashing effect for the texts. In this code, the text is displayed once every half a second, and this cause the text to twinkle.
Code Snippet:
<!-- this script is provided by https://www.javascriptfreecode.com coded by: Kerixa Inc. -->
<style>
.center {
display: flex;
justify-content: center;
align-items: center;
font-size:30px;
height: 100%;
}
</style>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" ></script>
<div id="Foo" class="center">Javascript Free code</div>
<script>
$(document).ready(function () {
var f = document.getElementById('Foo');
setInterval(function () {
f.style.display = (f.style.display == 'none' ? '' : 'none');
}, 500);
});
</script><a target='_blank' href='https://www.javascriptfreecode.com' style='font-size: 8pt; text-decoration: none'>JavaScript Best Codes</a>
Example:
Let's stay in touch
Get the latest and greatest javascript codes directly to your mail
TRENDING POST
VISITORS
Online Users:
12
Recent Members:
admin_js, bloxio, yqaice, flooketsu, phuang_test
Comments
Here you can leave us commments. Let us know what you think about this code tutorial!