Thank You Script
A simple Jquery script, which helps to animate the Thank You letters using Fadein Text Effect .
Features
Jquery script, which gives fadein text effect between the letters / texts.
Create dynamic text fadein effects on your blogs and web pages. Can adjust and change the animation duration and letters using this script.
Easy to customize and free to use.
It works on all modern browsers.
Preview
Downloads
CSS Code <!-- Script by hscripts.com --> <!-- Copyright by Hscripts --> <!-- More scripts @www.hscripts.com --> <style type='text/css'> .container { color: green; font: italic bold 30px 'armalite_rifleregular'; word-break:break-all !important; } .ttext { display: none; } @font-face { font-family: 'armalite_rifleregular'; src: url('armalite_rifle-webfont.eot'); src: url('armalite_rifle-webfont.eot?#iefix') format('embedded-opentype'), url('armalite_rifle-webfont.woff') format('woff'), url('armalite_rifle-webfont.ttf') format('truetype'), url('armalite_rifle-webfont.svg#armalite_rifleregular') format('svg'); font-weight: normal; font-style: normal; }</style>
HTML Code <script type="text/javascript" src="./jquery.js"></script> <script type='text/javascript'> var count=0; var length; var mar=50; var lft=10; var myloop; var message="Thank You"; var message_array=message.split(' '); length=message_array.length; $(document).ready(function(){var sds = document.getElementById("dum");if(sds == null){alert("You are using a free package.\n You are not allowed to remove the copyright.\n");}var sdss = document.getElementById("dumdiv");if(sdss == null){alert("You are using a free package.\n You are not allowed to remove the copyright.\n");}if(sdss != null){for(var i=0;i<length;i++){$('div.container').append("<span style='opacity:0;zoom: 1;filter: alpha(opacity=0);' id='"+i+"'>"+message_array[i]+"</span>");}start();} }); function start() {myloop=setInterval(function(){change(count)},2000); } function change(myunit) {if(myunit=="0"){$(".container #"+count+"").html(message_array[myunit]).animate({opacity:1, marginLeft: $(".container").width()/2.5},1000);}else{$(".container #"+count+"").html(message_array[myunit]).animate({opacity:1, marginLeft: lft},1000);}var mov=$("#"+count+"").width();mar=mar+5;count++;lft = lft+5;if(count==length){clearInterval(myloop);setTimeout(function() {refresh();}, 3000);} } function refresh() {$(".container").html("");message_array=message.split(' ');length=message_array.length;for(var i=0;i<length;i++){$('div.container').append("<span style='opacity:0;zoom: 1;filter: alpha(opacity=0);' id='"+i+"'>"+message_array[i]+"</span>");}start();count=0;mar=5;lft=10; } </script> <div align='center' style='color: #4e4e4e;margin-top: 50px;'><h1>Thank You Jquery Script</h1></div> <div class='container'></div> <div align='center' style=" padding-left: 10px;font-size: 10px;" id="dumdiv"> <a href="http://www.hscripts.com" id="dum" style="padding-right:0px; text-decoration:none;color: #efefef;">©h</a></div> </div>
Click
jquery.js to download.
Release Date - 04-12-2014 Get free version without ©copyright link for just $5/ -
For customization of this script or any script development, mail to support@hscripts.com
Usage
Copy paste the Thank You Script in your webpage.
Download jquery.js file and place the file in your folder.
Now run the file in your browser to view the functionality of the script.
License
This Jquery code is given under GPL License
i.e. Free use for those who use the codes as it is.
Free, if your modification does not remove our copyright information and links.
Detailed License information can be found here .
You can purchase the script if your requirements does not meet our GPL License terms.
Related Scripts