JSFiddle

  • jQuery Donut Chart #1 is the latest revision

    The sample uses the jqxChart widget to display data as a Donut Chart.

    var data = [
        {Browser: "5 Star", Share: 45},
        {Browser: "4 Star", Share: 15},
        {Browser: "3 Star", Share: 10},
        {Browser: "2 Star ...
  • whirLocal Sidebar Reviews #3 is the latest revision

    jQuery 1.9.1, HTML, CSS, JavaScript

    <div id="sidebar">
        <div class="testimonial-container">
            <div class="testimonial">
                <h3>Recent Reviews</h3>
                <h4>Good Service!</h4>
                <div class="excerpt">Automotive Dealership Demonstration co has some wonderful service! The workers were nice and everything was done ...</div></div></div></div>
  • whirLocal Review Metro

    This one is kinda neat, though maybe less user friendly? Copy/paste? idk..

    $('.caption').fadeTo(0);
    $('.testimonial-container').mouseenter(function(){
       $(this).children('.caption').fadeTo('fast', 1);
    });
    $('.testimonial-container').mouseleave(function(){
       $(this).children('.caption').fadeTo('fast ...
  • Whirlocal Review Slide

    I like this one better than the other one

    $('.testimonial-container').mouseenter(function(){
        $(this).children('.testimonial').stop().animate({
            top: '-60px'
        }, 375);
    });
    
    $('.testimonial-container').mouseleave(function(){
        $(this).children('.testimonial').stop().animate({
            top ...
  • For whirLocal API #16 is the latest revision

    jQuery 1.8.3, HTML, CSS, JavaScript

    function displayVals() {
        var showheader = $('#showheader :checkbox:checked').length > 0;
        $("code").html("<b>show_header=</b>" + showheader );
    }
    $("#wrap").change(displayVals);
    displayVals();
  • Cool WidgetTitle

    Mootools 1.4.5, HTML, CSS, JavaScript

    <aside>
        <h4 class="widgettitle">
            <span>The Title</span>
        </h4>
    </aside>
  • Working - Partner Slides

    jQuery 1.7.2, HTML, CSS, JavaScript

    $('a.normal').click(function() { 
        if ($(this).hasClass('showing'))
        {
            $(this).prev('.partner-wrap').removeClass('indie');        
            $(this).removeClass('showing').addClass('normal');
            $('.partner-wrap').slideUp ...