Javascript + CSS implement simple sliding door effects code _ javascript tips-JS tutorial

This article mainly introduces JavaScript + CSS code for implementing simple sliding door effects, and involves JavaScript techniques related to dynamic traversal and modification of page element attributes. It has some reference value, for more information about how to use JavaScript and CSS to implement simple sliding door effects, see the examples in this article. Share it with you for your reference. The details are as follows:

After reading a lot of sliding door and sliding menu materials, I finally wrote a decent sliding door. Although the appearance is not very good, it is compatible with Firefox. Please do not laugh at me, I would like to ask you for further criticism in the future.

The running effect is as follows:

The Online Demo address is as follows:

Http://demo.jb51.net/js/2015/js-css-simple-hdtx-demo-codes/

The Code is as follows:

 Learn how to write a simple sliding door