textillate (css) example running on jsfiddle, but not in netbeans?

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

textillate (css) example running on jsfiddle, but not in netbeans?

new_coder_2016
hi,

i need a second pair of eyes to see whats different between this example:
http://jsfiddle.net/LUq39/13/ 

and my code:

Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>hasCode.com - Java EE 7 Websocket Tutorial</title>


<script src="resource/js/jquery-1.10.2.min.js"></script>
<link href="http://textillate.js.org/assets/animate.css" rel="stylesheet">
<script type="text/javascript" src="http://textillate.js.org/assets/jquery.lettering.js"></script>
<script type="text/javascript" src="http://textillate.js.org/jquery.textillate.js"></script>


<style type="text/css">

.textilate {
  visibility:hidden;
}
</style>

<script>
   
       
         var nodes = $('.textilate');
    var delay = 0;
    nodes.each(function(){
      delay += $(this).prev()? $(this).prev().text().length*50:0;
      $(this).textillate(
          {initialDelay: delay, in:{delay:50}, out:{delay:50}}
      );
});

</script>
</head>

<body>
<h2 class="textilate">testlooooooooooonggggg</h2>
<h2 class="textilate">tstshorter </h2>
<h2 class="textilate">testlongershorter </h2>
<h2 class="textilate">testlooooooooooooooooooooooooong</h2>
<h2 class="textilate">test </h2>
       
</body>





loading this page with firefox and switching to the web console shows that there are no loading errors....but i only see a blank page?