js在页面中用户操作页面时发生的效果都是js功劳。操作有点击，移入，和移出等，本文就为大家分享一篇初探js和简单隐藏效果的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧，希望能帮助到大家。
例1：通过display隐藏盒子
设置
- 搜索设置
- 高级设置
- 关闭预测
- 搜索历史
当通过变量名var可以 继续实现：
var op1=document.getElementById('p1');
var oul=document.getElementById('oul');
op1.onmouseover=function(){
oul.style.display='block';
}
op1.onmouseout=function(){
oul.style.display='none';
}也可以通过透明的opacity,和高度来控制隐藏和显示。
制作百度登录效果，点击登录，弹出登录窗口，及退出
登录
退出