(SideBar PBB does not seem to have already been distributed ( Google found even ask.) put out an article for the waste, just set it aside)
Cool sidebar that open "PBB SideBar" ... but, just as it is opening it just could not do anything.
Therefore, MRB renovating some code directly in HTML to be able to write in your.
Suppose JavaScript is turned OFF even appear as a normal part of the content.
Download
Otherwise, MooTools mootools.js please download from.
Using
<script type="text/javascript" src="./mootools.js"></script>
<script type="text/javascript" src="./pbbsidebar.mrb.js"></script>
<script type="text/javascript">
window.onload = function() {
MySideBar = new PBBSideBar();
}
</script>
After describing the elements and the anchor onclick = "javascript: MySideBar.display (); please append.
<a onclick="javascript:MySideBar.display();">Open<->Close</a>
Options
Below.
- position: out of place
- transition: How to Display
- display: Whether to display from the beginning
- style:
- width: Width
- background-color: background color
- opacity: Transparency
- showDuration: Opening speed
- showEffect: Open Type of effect
- hideDuration: Closing Speed
- hideEffect: Type Close effect
For example:
MySideBar = new PBBSideBar({
position : 'left',
styles: {
'width': '500',
'color': 'white',
'background-color': 'red',
'opacity': 0.6
},
showDuration: 500,
showEffect: Fx.Transitions.backOut,
hideDuration: 500,
hideEffect: Fx.Transitions.quadInOut
});
Tags: JavaScript
HOME
Category
History