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

Thank You Script



©h

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 $10/-
  • 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

Jquery Download


Ask Questions

Ask Question