In this tutorial We are Creating Facebook Style loading Using CSS & JS. You can See Demo Or Download code from here. Demo | Download Start with HTML code first. We have used prefixfree.min.js And modernizr.js. modernizr. CSS Code Js code Demo | Download Hope this tutorial will help you to use Facebook Style loading Using CSS [...]
In this tutorial We are Creating Facebook Style loading Using CSS & JS.
You can See Demo Or Download code from here.
Demo | Download
Start with HTML code first. We have used prefixfree.min.js And modernizr.js. modernizr.
CSS Code
Js code
Demo | Download
Hope this tutorial will help you to use Facebook Style loading Using CSS & JS in your project. Help us via sharing this post to your friends & colleagues.
One Response
Hello Ajay!
I am from Delhi, I am beginner for js and css, please help me for converting the same for this script….
<script type=’text/javascript’>var relatedpoststitle="Related Articles";</script>
<script type=’text/javascript’>/*<![CDATA[*/var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(g){for(var h=0;h<g.feed.entry.length;h++){var f=g.feed.entry[h];relatedTitles[relatedTitlesNum]=f.title.$t;for(var i=0;i<f.link.length;i++){if(f.link[i].rel=="alternate"){relatedUrls[relatedTitlesNum]=f.link[i].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var g=new Array(0);var f=new Array(0);for(var e=0;e<relatedUrls.length;e++){if(!contains(g,relatedUrls[e])){g.length+=1;g[g.length-1]=relatedUrls[e];f.length+=1;f[f.length-1]=relatedTitles[e]}}relatedTitles=f;relatedUrls=g}function contains(a,e){for(var g=0;g<a.length;g++){if(a[g]==e){return true}}return false}function printRelatedLabels(e){for(var g=0;g<relatedUrls.length;g++){if(relatedUrls[g]==e){relatedUrls.splice(g,1);relatedTitles.splice(g,1)}}var f=Math.floor((relatedTitles.length-1)*Math.random());var g=0;if(relatedTitles.length>1){document.write("<h5 class=’updated’>"+relatedpoststitle+"</h5>")}document.write("<ul>");while(g<relatedTitles.length&&g<20&&g<maxresults){document.write(‘<li><a href="’+relatedUrls[f]+’" title="’+relatedTitles[f]+’">’+relatedTitles[f]+"</a></li>");if(f<relatedTitles.length-1){f++}else{f=0}g++}document.write("</ul>");relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length)}/*]]>*/</script>
I know it is too easy for you…