Category >
JQUERY
|| Published on :
Tuesday, November 17, 2015 || Views:
3272
||
jquery blink text jquery blink div jquery blink text effect
Step 1: Create a HTML web page(blinking/flashing text with CSS3 and jQuery)
1 2 3 4 5 6 7 8 9 | <!DOCTYPE html>
<head>
<title></title>
</head>
<body>
</body>
</html>
|
Step 2: Add the following codes between the body tags
1 | <span class="blink_me">www.SourceCodeHub.com</span>
|
Step 3: Add the following jQuery CDN codes between the Head tags:-
Step 4: Add the following jQuery script codes between the Head tags(After jQuery CDN File )
1 2 3 4 5 6 7 8 | <script>
function blinker() {
$('.blink_me').fadeOut(500);
$('.blink_me').fadeIn(500);
}
setInterval(blinker, 1000);
</script>
|
Download Source Codes