Example 1 - Default Options
$('#floater-1').dcFloater();
Example 2
$('#floater-2').dcFloater({
width: 180,
location: 'top',
align: 'left',
offsetLocation: 10,
offsetAlign: 10,
speedFloat: 1500,
speedContent: 400,
tabText: 'Floater 2',
autoClose: true,
tabClose: false,
easing: 'easeOutQuint',
event: 'hover'
});
Example 3
$('#floater-3').dcFloater({
width: 200,
location: 'top',
align: 'right',
offsetLocation: 250,
offsetAlign: 410,
speedFloat: 1500,
speedContent: 400,
tabText: 'Floater 4',
autoClose: true,
easing: 'easeOutQuint',
event: 'click'
});
Example 4
$('#floater-4').dcFloater({
width: 180,
location: 'bottom',
align: 'left',
offsetLocation: 10,
offsetAlign: 10,
speedFloat: 1500,
speedContent: 400,
tabText: 'Floater 5',
autoClose: true,
easing: 'easeOutQuint',
event: 'click'
});
Example 5
$('#floater-5').dcFloater({
width: 180,
location: 'bottom',
align: 'right',
offsetLocation: 10,
offsetAlign: 10,
speedFloat: 1500,
speedContent: 400,
tabText: 'Floater 6',
autoClose: true,
easing: 'easeOutQuint',
event: 'hover'
});
Example 6
$('#floater-6').dcFloater({
width: 180,
location: 'top',
align: 'left',
offsetLocation: 200,
offsetAlign: 10,
speedFloat: 2000,
speedContent: 600,
tabText: 'Floater 6',
autoClose: true,
easing: 'easeOutQuint',
event: 'hover'
});