首页 > 软件 > js怎么让鼠标移入一个盒子让另一个盒子的文字显现,移出文字消失

js怎么让鼠标移入一个盒子让另一个盒子的文字显现,移出文字消失

软件 2023-03-19

js怎么做鼠标移过去会显示隐藏的内容

功能:使用js制作鼠标移过去会显示隐藏的内容 步骤: 1、构造好页面内容; 2、在css中设置一个隐藏类hide,类的样式为display:none;设置显示类show,样式为display:block; 3、给需要隐藏的内容设置类名为hide,这样就隐藏了控件 4、在js标签中,通过控件的类名或者id获取到隐藏对象obhide以及需要监控的对象ob2,再对ob2对象设置onmouseover方法,在这个方法中,将bohide的类名hide更换成show,这样,在鼠标进入ob2控件之中,就会显示隐藏的obhide的内容, 对ob2对象设置onmouseout方法,在这个方法中,将bohide的

js鼠标移动至图片上,出现文字鼠标移开文字隐藏代码

直接利用css就能办到鼠标移上去显示 离开隐藏的效果: