jQuery Smooth Flowing Effect Plugin - rlsmooth

jQuery Smooth Flowing Effect Plugin - rlsmooth
File Size: 53.3KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

rlsmooth is a lightweight jQuery plugin that quickly applies smooth flowing effect to your web site/application, when scrolling.

Basic Usage:

1. Include the lastest jQuery library and rlsmooth.js in your head section

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="js/rlsmooth.js"></script>

2. Markup

<div class="smooth top">Hello!</div>

3. The CSS

.smooth {
background-color: #000;
color: #fff;
display: none;
float: left;
font-size: 2em;
font-weight: bold;
filter: alpha(opacity=0.5);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
opacity: 0.5;
padding: 2%;
position: fixed;
text-align: center;
width: 96%;
}
.smooth.top {
top: 0;
}

4. Call the plugin

<script>
$(function() {
  $(".top").rlSmooth();
});
</script>

Change log:

v0.1.3 (2013-09-28)

  • update script.js and rlsmooth.html

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