V24s

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

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

No comments:

Popular Posts

Recent Posts

Google Analytics