JS + HTML5 implements side slip page effect

Example of this article shared HTML5 to implement the specific code of the side-slip page effect display, for your reference, the specific content is as follows

Before:

js+html5实现侧滑页面效果

After:

Code: js+html5实现侧滑页面效果

    .COVER {Background-Color: # 0062cc; height: 100%; width: 100%; display: none; opacity: 0; Position: absolute; .MUI-OFF-Canvas-Left {Background-Color: # f0ad4e;}         Side slip page     Title 
$ ('. Mui-pull-left'). Click (function () {mui ('. Mui-off -canvas-wrap '). OFFCANVAS (' Show '); $ ('. Cover '). CSS (' Display ',' Block ');}; $ ('.Cover '). Click (Function () {MUI ('. MUI-OFF-CANVAS-WRAP '). OFFCANVAS (' Close '); $ ('. Cover '). CSS (' Display ',' None '); });

The above is all the content of this article, I hope that everyone's learning is helpful, I hope everyone supports Tumi Cloud .
© Copyright Notice
THE END
Just support it if you like
like0
share
comment Grab the couch

Please log in to comment