Category >
JQUERY
|| Published on :
Tuesday, November 17, 2015 || Views:
3016
||
jquery blink text jquery blink div jquery blink text effect
Step 1: Create a HTML web page(blinking/flashing text with CSS3 and jQuery)
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
</body>
</html>
Step 2: Add the following codes between the body tags
<span class="blink_me">www.SourceCodeHub.com</span>
Step 3: Add the following jQuery CDN codes between the Head tags:-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
Step 4: Add the following jQuery script codes between the Head tags(After jQuery CDN File )
<script>
function blinker() {
$('.blink_me').fadeOut(500);
$('.blink_me').fadeIn(500);
}
setInterval(blinker, 1000);
</script>
Download Source Codes