FancyBox most basic steps to use

Preliminary use
The first step: referencing JS and styles

Step two: Set the element to trigger the display (a tag, link href to the div's ID)
<div><a href= "#adddivtest" id= "Addbtndiv" > Test </a></div>

Step three: Set the content block to be displayed in the panel after the trigger (General Div, must have 2 layers of packaging)
<div style= "Display:none;" >
<div id= "Adddivtest" >
<div class= "title" > Task type:</div>
<div class= "title" > Task type:</div>
<div class= "title" > Task type:</div>
</div>
</div>

Fourth step: JS load load/* Popup box js*/(the ID used at this time is the ID of a tag instead of the div ID)
function () {
/* Popup Box js*/
$ ("#addbtndiv"). FancyBox ({
' Autodimensions ': false,
' Centeronscroll ': true,
' Scrolling ': false,
' Width ': 480,
' Height ': 380
});

}


------------The simplest panel can now be triggered and displayed, and then the data is loaded in the panel---------------

FancyBox most basic steps to use