轮事件：滚轮

滚动(卷动)事件：滚轮、拖拽滚动条、键盘方向键

<script type="text/javascript">
//滚轮事件：滚轮
//卷动事件：滚轮、拖拽滚动条、键盘↕键

//IE和Chrome
gunlun.onmousewheel = function(){
this.innerHTML += "IE和Chrome<br/>";
}
//Firefox
gunlun.addEventListener("DOMMouseScroll", function(){
this.innerHTML += "Firefox<br/>";
})
</script>

判断滚轮方向

<script type="text/javascript">
//滚轮事件：滚轮
//卷动事件：滚轮、拖拽滚动条、键盘↕键

//IE和Chrome
gunlun.onmousewheel = function(e){
var ev = e || window.event;
console.log(ev.wheelDelta);//判断滚轮方向的
//上120
//下-120

this.innerHTML += "IE和Chrome<br/>";
}
//Firefox
gunlun.addEventListener("DOMMouseScroll",function(e){
var ev = e || window.event;
console.log(ev.detail);//滚轮方向
//上-3
//下3
this.innerHTML += "Firefox<br/>";
})
</script>

兼容性封装

、新建项目

1、新建===web项目===输入项目名称====完成

二、新建html文件

在新建项目中新建html模板

输入文件名称：

三、认识基本格式

联想出基本格式：

四、编辑html文件

运行html，选择浏览器

五、html常用的快捷键

（1）ctrl+n+w web项目创建

（2）ctrl+n+h html文档创建

（3）ctrl+s 保存html页面（页面上如果未保存会显示*号）

（4）ctrl+r html运行
（5）ctrl+z 撤回
（6）！+tab键 联想基本格式
（7）ctrl+/ 注释和取消注释

（8）ctrl+鼠标滚轮， 字体方大和缩小

六、认识标签

（1）H标签（标题标签）

（2）p标签 （段落标签）

（3）img 标签（图片标签）
两种：第一种widows上传图片，第二种：网上图片链接

第一种

img中显示图片

img中引入图片

第二种：网上图片的链接：

（4） 标签（空格）

（5）em 标签表示斜体

（6）i 标签表示斜体

（7）br 表示换行

（8）b 标签表示加粗

（9） strong 标签表示加粗

（10）s 标签（删除线）

（11）u 标签 （下划线）

（12）font 颜色

（13）sub下标
（14）sup上标

文简介

点赞 + 关注 + 收藏 = 学会了