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,和高度来控制隐藏和显示。
制作百度登录效果,点击登录,弹出登录窗口,及退出

登录
退出