jQuery Plugin For Terminal-Like Animated Background - Bgterminal

File Size: 6.56 KB
Views Total: 1511
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Terminal-Like Animated Background - Bgterminal

Bgterminal is a jQuery plugin that creates terminal-like command line typing effects on your website background.

How to use it:

1. Include jQuery javascript library and the jQuery Bgterminal plugin's javascript and CSS in the head section of your page.

<link href="bgterminal.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery.bgterminal.min.js"></script>

2. Create an Html element where you want to apply on the effect.

<div id="terminal"></div>

3. Call the plugin to enable the effect on the element you created.

<script>
$(document).ready(function(){
$('#terminal').bgTerminal({
url: 'demo.html', // The page to load and display in the terminal
glow: true, // If true, the terminal will have a glowing effect
speed: 100, // Type speed in milliseconds. This is the time between two character are typed	
wait: 1000 // The number of milliseconds to wait at the end of the line (when \n is found)
});
});
</script>

This awesome jQuery plugin is developed by davidecassenti. For more Advanced Usages, please check the demo page or visit the official website.