this plugin so simple view and simple to use. you just download plugin in here , and attach this plugin to your webpage.
Incluide necessary files to header
<head>
<link rel="stylesheet" type="text/css" href="mopBox/mopBox-2.2.css">
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/ui.core-1.7.2.js"></script>
<script type="text/javascript" src="js/ui.draggable-1.7.2.js"></script>
<script type="text/javascript" src="js/ui.resizable-1.7.2.js"></script>
<script type="text/javascript" src="js/jquery.pngFix-1.2.js"></script>
<script type="text/javascript" src="mopBox/mopBox-2.2.js"></script>
</head>
Put the button showing MopBox to <body> & set ID(exsample:id="demoBtn"),
this button can be txt, Image or DIV, anithing OK.
Put the content to <body> & set ID or Class(but has to be unique in
the page). Set it "display: none" by CSS, or coment out with "
". It can be put any place in . If the content has more than one content,
the slider navigation is shown automatically.
Write like the following to <head>.
<head>
...
<script type="text/javascript">$(document).ready(function(){$("#demoBtn").mopBox({'target':'#demo', 'w':270, 'h':240});});</script></head>
For more infomation please visit to here.
Tidak ada komentar:
Posting Komentar