文件名称:
js和css写一个可以自动隐藏的悬浮框
开发工具:
文件大小: 87kb
下载次数: 0
上传时间: 2021-01-21
详细说明：今天写一个小实例，用js和css写一个可以自动隐藏的悬浮框。css肯定是用来控制样式的，js用来控制器显示与隐藏的。显示与隐藏通常有两种方法实现：1，用js控制其显示属性；2，用js控制其大小。 今天要说的就是通过控制其大小来实现元素的显隐，原理：为其注册鼠标移入、移出的事件，当鼠标移出对象范围，将其宽度设为1，当鼠标再次移入该对象，将其宽度还原。很简单，我们一起看看吧！ 隐藏状态： 左边那一条窄线就是隐藏以后的悬浮框。 显示状态： 当鼠标滑到左边的悬浮框上，悬浮框就又显示出来了。 CSS样式： 代码如下:
