这种效果怎么做?请高手赐教
小弟在做一个项目时遇到了这样一个问题,需要一种效果,当鼠标放上去的时候,可以显示菜单,并且可以在菜单里面选择相应的信息。当鼠标移开时,菜单自动消失。效果就像是购物网站里面选择“配送省市”这样的效果:
不知道如何用代码实现,请各位高手赐教
------解决方案--------------------一个div 如果用js做 就设置它的css属性,display:可见,移开就不可以(具体属性查文档)
用jquery,展现可以用show()或fadeIn(); 消失可以用hide()或者fadeOut()。
------解决方案--------------------
我可以给你说一下大概的思路,具体额的代码你可以自己写写看!其实并不难!
首先,你要搞一个div层,在层里面填充你要填写的内容,可以是一个表单,但是这个div在页面刚开始的时候是隐藏。也就是说,display="none";
其次,你再为这个div注册两个事件,即onmouseover和onmouseout事件。用来控制div层是否显示。当发生onmouseover事件的时候,这个div层的display="";div层出现。当发生onmouseout事件的时候,这个div层的display="none";是div层再次隐藏。
可以试一下,并不难!