Skip to content
Wave (jQuery plugin)
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.idea
css
img
js
LICENSE.md
README.md
config.rb
demo.html
favicon.ico
wave.iml
wave.jquery.json

README.md

Wave (jQuery plugin)

Demo

http://www.kunleywidgets.com/wave

Docs

https://github.com/jtkunley/wave/wiki

jQuery Plugin Registry

http://plugins.jquery.com/wave/

Directories:

  • css CSS file directory
    • wave.scss SASS/Compass file
  • img background images
  • js Javascript files
    • jquery.wave.js (pretty)
    • jquery.wave.min.js (compessed)

Files

  • config.rb Compass configuration file
  • demo.html contains basic usage functionality for getting started using this plugin
  • wave.jquery.json jQuery plugin configuration file

Code examples

$("#wave1").wave();

$("#wave2").wave({
    width: 800,
    phase: -90,
    grid: true
});

$("#wave3").wave({
    width: 800,
    wavelegnth: 150,
    amplitude: 20,
    phase: -90,
    color: "yellow",
    bgColor: "brown",
    thickness: 2,
    grid: true,
    gridThickness: .3
});

$("#wave4").wave({
    width: 800,
    amplitude: 100,
    wavelength: 200,
    phase: -90,
    color: "yellow",
    bgColor: "brown",
    thickness: 3,
    grid: true,
    gridThickness: .5
});

$("#wave5").wave({
    width: 800,
    amplitude: 40,
    wavelength: 25,
    phase: -90,
    color: "DodgerBlue",
    bgColor: "#111",
    thickness: 1,
    paddingV: 20,
    paddingH: 0,
    grid: true,
    gridThickness: .3
});
You can’t perform that action at this time.