• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
别来无恙
博客园    首页    新随笔    联系   管理    订阅  订阅
js


希望把某个元素移除你的视线
1.display :none ;显示为无
2.visibility :hidden;隐藏
3.width\height
4.透明度
5.left\top
6.拿一个白色DIV盖住它
7.margin负值

写一个JS效果的步骤
1.先实现布局
2.实现原理
3.了解Js语法

Js中如何获取元素:
1.通过ID名称来获取元素
document get element by id 'link'
document.getElementById(link)
2.

事件:
鼠标事件 ,键盘事件,系统事件,表单事件,自定义事件

onclick
onmouseover鼠标移入
onmouseout 鼠标移开
onmouse 抚摸事件(就像是鼠标抚摸一样的事件)
onmousedown 鼠标向上事件
onmouseup 鼠标向下事件

如何添加事件:
元素.onmoerover
函数:可以理解为-命令,做一些事
function abc(){肯定不会主动执行的
.....
}
1 直接调用:abc();
2 事件调用:元素.事件=函数名 oDiv.onclick=abc;
3 function(){      //匿名函数

}

测试:
alert(1);带一个确定按钮的警告框
alert('ok');'ok'字符串
alert("ok");

代码如下:

<script>
// alert(1);常见错误
document.getElementById('link').onmouseover=show;
document.getElementById('link').onmouseout=hide;
function show(){
document.getElementById('ul1').style.display='block';
document.getElementById('link').style.background='yellow';

}
function hide(){
document.getElementById('ul1').style.display='none';
document.getElementById('link').style.background='#F1F1F1';

}
abc();

</script>

posted on 2017-05-12 23:05  别来无恙x  阅读(130)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3