Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

76 lines (70 sloc) 1.681 kb
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Placekitten jQuery Plugin</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="placekitten.jquery.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css" media="screen">
#example1 {
background-color: red;
width: 123px;
height: 100px;
}
#example2 {
background-color: red;
width: 50px;
height: 200px;
}
#example3 {
background-color: red;
width: 230px;
height: 120px;
}
#example4 {
background-color: red;
width: 200px;
height: 100px;
}
#example5 {
background-color: red;
width: 300px;
height: 200px;
}
#example6 {
background-color: red;
width: 110px;
height: 100px;
}
#examples *{
display: inline-block;
cursor: pointer;
vertical-align: middle;
}
</style>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#examples div').click(function(){
$(this).placekitten();
});
});
</script>
</head>
<body>
<h1 id="placekitten">Placekitten jQuery Plugin</h1>
<p>
The Placekitten jQuery plugin allows you to turn any element into a kitten. Click one of the divs below...
</p>
<div id="examples">
<div id="example1"></div>
<div id="example2"></div>
<div id="example3"></div>
<div id="example4"></div>
<div id="example5"></div>
<div id="example6"></div>
</div>
<p>
<a href="https://github.com/skattyadz/Placekitten-jQuery-Plugin">Source (GitHub)</a>
</p>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.