No description, website, or topics provided.
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
assets
README.md
index.html

README.md

dToolKit

A set of jQuery functions for designers
What is it? Most of them are css(3) settings called using jQuery.
How to use? Include assets/js/jquery.dtoolkit.min.js in your page (after jquery itself)

All examples can be found in index.html

V0.1

Border radius
tl = top left corner / tr = top right corner / br = bottom right corner / bl = bottom left corner
$('.sDiv').bRadius({tl:20,br:40});

Scrolling
Scroll to bottom / top, create an element at the top of the page and one on the bottom of the page and fill them in below
$('.scrollBottom').scrollBottom();
$('.scrollTop').scrollTop();

Background color
Rainbow cycle background of any element. To change the color scheme, change it in assets/css/dtoolkit.css
$('.mDiv').cycleBGColor({sec:20});

Daily background color change on two weekly basis (max: 14 colors c1 - c14). Have a different background color every day. 1 set of colors for the even weeks (c1 - c7) and a 2nd set of colors for the odd weeks (c8 - c14)
$('body').coloredBG({c4:'ffcc00',c5:'000000'});

Bounce element
times = amount of bounces / distance = height of bounce / speed = speed of bounce
$('.fDiv').bounceElement({times:5, distance:90, speed:300});

Rotate element Rotate elements to a fixed degree
$('.fDiv').fixedRotate({degrees:200});

Rotate elements random to predefined degrees (16 options r1 - r16, positive and negative values)
$('.sDiv').randomRotate({r1:70,r2: -200,r3: 10, r4: -88});

Rotate elements with animation, degrees = amount of degrees / duration = speed of animation
$('.mDiv').animateRotate({degrees:300,duration:8.0});