/jQuery-plugin

some simple and useful plugin for jQuery.

Primary LanguageJavaScript

jQuery plugin

example:
1. main html file: test.jQuery-plugin.html
<html>
<head>
<title>jQuery stripe plugin</title>
<script type="text/javascript" src="/statics/js/jquery.js"></script>
<script type="text/javascript" src="/statics/js/jquery.stripe.js"></script>
<link rel="stylesheet" type="text/css" href="/statics/css/stripe.css" />
<script type="text/javascript">
$(document).ready(function(){
    $('.stripe').stripe();
});
</script>
</head>
<body>
<div class="stripe">test</div>
<div class="stripe">test</div>
<div class="stripe">test</div>
<div class="stripe">test</div>
<div class="stripe">test</div>
<div class="stripe">test</div>
<div class="stripe">test</div>
<div class="stripe">test</div>
</body>
</html>

2. css file: stripe.css
.evenNode{
    background: #c8ecf8;
}
.oddNode{
    background: white;
}
.activeNode{
    background: #e9f8ed;
}
.stripe{
    height: 100px;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 2px 2px 5px #000000;
    margin: 1em;
    padding: 1em;
}