jQpopup 文檔
You can check all code details in index.html.
If you have further questions, please contact us through our Knowledge Sharing Board.
jQpopup V0.2
Change logs:
- Fixed the scrolling issue of toCenter.
- Added feature of toTop.
- Changed the style of jQpopup.
To change a jQpopup Box on Top of the others
<input type="button" id="top_btn" value="1st jQpopup to top"/>
<script language="javascript">
$(document).ready(function() { $("#top_btn").click(function () { $("#sampleformdiv").jqpopup_toTop(); }
});
</script>
jQpopup V0.1
To set the title of a jQpopup Box
<div id="sampleformdiv" style="display:none" alt="1st jQpopup box">
This is the 1st jQpopup box<br/>
<form method="post" id="sampleform" name="sampleform">
<input type="text" name="content" id="content"/>
<input type="submit" value="save">
</form>
</div>
To Open a jQpopup Box
<input type="button" id="open_btn" value="open the 1st jQpopup"/>
<script language="javascript">
$(document).ready(function() { $("#open_btn").click(function () { $("#sampleformdiv").jqpopup_open(this.id); }
});
</script>
To Close a jQpopup Box
<input type="button" id="close_btn" value="close the 1st jQpopup"/>
<script language="javascript">
$(document).ready(function() { $("#close_btn").click(function () { $("#sampleformdiv").jqpopup_close(); }
});
</script>
To Reposition the jQpopup Box to the center
<input type="button" id="center_btn" value="reposition 1st jQpopup to center"/>
<script language="javascript">
$(document).ready(function() { $("#center_btn").click(function () { $("#sampleformdiv").jqpopup_toCenter(); }
});
</script>
