V24s

"Get Updates : Subscribe to our e-mail newsletter to receive updates........" "Good Luck frnds" Admission 2018 Application Form 2018 Colleges Entrance Exam 2018 Results 2018 Notification 2018 University Educational Jobs 2018 Government Jobs 2018

Search This Blog v24s guys

Follow by Email

03 April, 2013

Add Blinking text using jQuery | Blinking Effect to Text in jQuery

Introduction
   
Here I will explain how to add blinking effect to text using 
jQuery in asp.net.

Description: 
   
In previous posts I explained 
jQuery Get number of facebook likes, shares count for url, jQuery Google Currency Converter API Example, jQuery Highlight gridview rows on mouseover and many articles relating to jQuery, modal popup, asp.net. Now I will explain how to add blinking effect to text using jQuery inasp.net.

To implement this functionality we need to write the code like as shown below


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Add blinking effect to text in jQuery</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(function() {
blinkeffect('#txtblnk');
})
function blinkeffect(selector) {
$(selector).fadeOut('slow', function() {
$(this).fadeIn('slow', function() {
blinkeffect(this);
});
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="txtblnk"> <p><strong><font color="red">Welcome to Aspodtnet-Suresh.com</font></strong></p> </div>
</form>
</body>
</html>
Live Demo

Check below text for live demo


Welcome to Aspodtnet-Suresh.com
Post a Comment

Popular Posts

Recent Posts

Google Analytics