MopBox2.5 Demo
| document |
demo1
1page, image, display:none
$("#demo1Btn").mopBox({'target':'#demo1', 'w':270, 'h':240});
demo2
5pages, images+txt+div, display:none
$("#demo2Btn").mopBox({'target':'#demo2' ,'w':270, 'h':240, 'speed':200, 'step':1, 'stepPx':10, 'btnW':100});
demo3
5pages, images+flash+txt+div, <!-- -->comment out
$("#demo3Btn").mopBox({'target':'#demo3', 'w':270, 'h':240});
demo4
101pages, images+txt+div, step:10, display:non
$("#demo4Btn").mopBox({'target':'#demo4', 'w':270, 'h':240, 'speed':300, 'step':10, 'stepPx':5, 'btnW':100});
demo4_2
demo4, start from page11
$("#demo4_2Btn").mopBox({'target':'#demo4', 'w':270, 'h':240, 'speed':300, 'step':10, 'stepPx':5, 'btnW':100, 'startPage':11});
demo5
1page, images+txt+div, display:non, resizable to the south only
$("#demo5Btn").mopBox({'target':'#demo5', 'w':270, 'h':240, 'speed':300, 'step':10, 'stepPx':5, 'btnW':100, 'resize':'s', 'rszTarget':'.demo5Case', 'rzW':240, 'rzH':210});
demo6
1page, images+txt+div, display:non, resizable to the south & the east
$("#demo6Btn").mopBox({'target':'#demo6', 'w':290, 'h':260, 'speed':300, 'step':10, 'stepPx':5, 'btnW':100, 'resize':'se', 'rszTarget':'.demo6Case', 'rzW':260, 'rzH':230});
demo7
1page, loading other page & change content as MopBox opened
$("#demo7Btn").mopBox({'target':'#demo7', 'w':350, 'h':300, 'btnW':100, 'resize':'se', 'rszTarget':'.demo7Case', 'rzW':310, 'rzH':260, 'fnc':'demoFnc'});