Javascript Feelings is a series of articles intended to help explain our complex human emotions using a programming language called Javascript.

Intimacy With Strangers:
When I move my mouse over the squares, I'm reminded of what it's like to be awkward in a room full of strangers. At first, we all seem to move around warily. For a moment, I forget myself and get closer than I had intended. To my surprise, it feels good. It must feel good to the others, too, because we find ourselves inching closer. My inner compass seems to shift a bit and I become less self conscious. I notice a young woman who seems nervous and I smile. She smiles back, in fact, she beams her light at me. I am pulled into her gravitational field. Others feel the pull and soon we are all beaming and pulling closer. We forget our initial awkwardness as we pass around the snacks and pour each other drinks. Within an hour, I feel as if I've know these people a long time. There's a kind of light that shines from each one of them. I forget myself and I'm happy.


Our team at VeryTogether.com believes in the free distribution of information and code. We've decided to post some simple instructions to help you express your own Javascript Feelings (like the one above) on your website. Feel free to modify and share our code. Here's how to get this example working on your own website!

1. First, download the two Javascript libraries used in this example, jquery-1.2.6.js and jquery.jparallax.js. Place these two files into a folder called "js" in your project's folder (e.g. /intimacy/js).

2. Create an html document inside of your project's folder and post the following code in the HEAD of that document: 
<style type="text/css">
	body {
		margin: 0px auto;
		background: #999999;
		height: 100%;
		width: 100%;
		color: #333333;
		font-family: sans-serif;
		letter-spacing: 2px;
		line-height: 110%;
	}

	#parallax {
		position:relative;
		overflow:hidden;
		width:300px;
		height:200px;
		float: left;
	}
	
	#parallax2 {
		position:relative;
		overflow:hidden;
		width:300px;
		height:200px;
		float: left;
	}
	#parallax3 {
		position:relative;
		overflow:hidden;
		width:300px;
		height:200px;
		float: left;
		clear: both;
	}
	
	#parallax4 {
		position:relative;
		overflow:hidden;
		width:300px;
		height:200px;
		float: left;
	}
	
	#outer_container {
		text-align: center;
		margin: 0px auto;
		width: 600px;
		position: relative;
		padding-top: 20px;
	}
	
	#inner_container {
		width:600px;
		background: #999999;
		padding-top: 20px;
	}
	
	#text {
		width: 100%;
		text-align: left;
		border-bottom: 1px #333333 dotted;
		border-top: 1px #333333 dotted;
		padding-bottom: 10px;
		padding-top: 10px;
		position: relative;
	}

</style>  <script type="text/javascript" src="/js/jquery-1.2.6.js"></script> <script type="text/javascript" src="/js/jquery.jparallax.js"></script> <script type="text/javascript">

jQuery(document).ready(function(){
	
	jQuery('#parallax').jparallax();
	jQuery('#parallax2').jparallax();
	jQuery('#parallax3').jparallax();
	jQuery('#parallax4').jparallax();


});

function generateBoxes(numberOfBoxes){

	var widthVariable = 50;
	var heightVariable = 50;
	var backgroundRed = Math.floor(Math.random()*31);
	var backgroundGreen = Math.floor(Math.random()*31);
	var backgroundBlue = Math.floor(Math.random()*31);
	var htmlCode = '';

	for (i=0; i<numberOfBoxes; i++){
		widthVariable -= 1;
		heightVariable -= 1;
		backgroundRed += 5;
		backgroundGreen += 5;
		backgroundBlue += 5;
		codeParts = '' + '';
		htmlCode = htmlCode + codeParts;
	}
	document.write(htmlCode);
	return(htmlCode);
}

</script>
3. Post the following code in the BODY of your html document:


<script type="text/javascript">
	generateBoxes(5);

</script>
<script type="text/javascript">
	generateBoxes(5);

</script>
<script type="text/javascript">
	generateBoxes(5);

</script>
<script type="text/javascript">
	generateBoxes(5);

</script>
4. That should be it! Post any questions or comments you may have in the comments section below. To download the working project in it's entirety, download javascript_intimacy.zip. Thanks and enjoy!

Credit goes to jQuery and jParallax for providing the Javascript libraries used in this project.
 

Newest Kisses!

Please wait while JT SlideShow is loading images...
Kiss!Kiss!Kiss!Kiss!Kiss!Kiss!Kiss!Kiss!Kiss!Kiss!Kiss!Kiss!Kiss!Kiss!Kiss!

Sexy!

Seduction and Foreplay
Even after mutual sexual attraction has been established, most people still require a process of initialization - also known as booting up or seduction - in which they are drawn...
“It's Not True That I Had Nothing On. I Had the Radio On”
Best Ever Quotes About Sex  "Lead me not into temptation&mdash;I can find the way myself." Rita Mae Brown "My girlfriend always laughs during sex ---no matter what she's reading." Steve Jobs...
Kinky Props and Fetish Fashion
Kinky Props and Fetish Fashion - Nowadays, sex toys have entered the mainstream enough that they may not seem fetishistic at all to some people. However, there are...
Morning After Pill – No Prescription Needed!
For many single women and their partners, the threat of an unwanted pregnancy causes fear and anxiety every month. Yet over 50% of sexually active women in their twenties don't...
Contraception Myths
Modern misconceptions and urban legends have given rise to a great many false claims about birth control. The stakes are high, so it is a good idea to know the...

Movies to See at Home

Ten Sexy Movies
What's barely sexy to one person is incredibly erotic to another and porn to a third person. These ten movies explore the boundaries of sexuality, each in its own way....
A Dozen Great Comedies You Might Have Missed
Stressed? Bored? Restless? Rent a few of these exhilarating comedies and kick back. Invite your honey or a new date. There's nothing quite as sexy as a great screwball comedy....
Best Romantic Films
  Delightful....captivating... original and entertaining! These romantic films are all of the above. Compellingly,  they confirm our conviction that love can, indeed, conquer all, and that we all have the chance...
Great Historic Movies - 20th Century
What better way to learn history than to pop a DVD in the player, microwave popcorn, put up your feet and be whisked away to the past. What made...

Birds do it, Bees do it

Flamingos making love

The animal kingdom has a good time daily right under our noses, and we hardly notice.