CodePen

HTML

            
              
            
          
!
via HTML Inspector

CSS

            
              
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
               function Create_Pins () {
     // create the jQuery object correspoding to the pins and plates
     var jpin1 = $("<DIV></DIV>").addClass ("pin").appendTo (jsurface);
     var jpin2 = $("<DIV></DIV>").addClass ("pin").appendTo (jsurface);
     var jpin3 = $("<DIV></DIV>").addClass ("pin").appendTo (jsurface);
     var jplate1 = $("<DIV></DIV>").addClass ("plate").appendTo (jsurface);
     var jplate2 = $("<DIV></DIV>").addClass ("plate").appendTo (jsurface);
     var jplate3 = $("<DIV></DIV>").addClass ("plate").appendTo (jsurface);
     
     // Add the pins to the surface
     var pin1 = surface.Add_Elem (jpin1, 4.5,  5, 1, 25);
     var pin2 = surface.Add_Elem (jpin2, 14.5, 5, 1, 25);
     var pin3 = surface.Add_Elem (jpin3, 24.5, 5, 1, 25);
     var plate1 = surface.Add_Elem (jplate1, 1, 29, 8, 1);
     var plate2 = surface.Add_Elem (jplate2, 11, 29, 8, 1);
     var plate3 = surface.Add_Elem (jplate3, 21, 29, 8, 1);
 }
 // create controls
 function Create_Control (img, handler) {
     var control = $("<img>");
     control.get(0).src = img;
     control.addClass ("control").appendTo (jsurface).click (handler);
     return control;
 }
 function Create_Controls () {
     surface.Add_Elem (Create_Control ("images/Image_PlayStart.png", Reset), 1.5, 27.5, 1.0, 1.0);
     surface.Add_Elem (Create_Control ("images/Image_Play.png", Start), 4.5, 27.5, 1.0, 1.0);
     surface.Add_Elem (Create_Control ("images/Image_Stop.png", Stop), 7.5, 27.5, 1.0, 1.0);
     surface.Add_Elem (Create_Control ("images/Image_Slow.png",Slower ), 13.5, 27.5, 1.0, 1.0);
     surface.Add_Elem (Create_Control ("images/Image_Fast.png", Faster), 16.5, 27.5, 1.0, 1.0);
     surface.Add_Elem (Create_Control ("images/Image_AddDisk.png", Add1), 23.5, 27.5, 1.0, 1.0);
     surface.Add_Elem (Create_Control ("images/Image_RemoveDisk.png", Sub1), 26.5, 27.5, 1.0, 1.0);
 }



            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................