在网页设计中，广告特效是吸引用户注意力、提升用户体验的重要元素。这些特效通常结合JavaScript（JS）、HTML等技术实现，让网页更具动态性和互动性。本文将深入探讨标题和描述中提到的“搜集回来的几个网站广告特效”，并基于这些标签进行详细的知识点解析。
JavaScript（JS）是网页开发中的核心脚本语言，它允许我们在不刷新页面的情况下实现动态交互。在广告特效中，JS负责处理用户与广告的交互，如鼠标悬停、点击响应、动画过渡等。通过DOM（Document Object Model）操作，JS可以改变HTML元素的样式、位置甚至内容，实现广告的动态显示和隐藏。
HTML，全称HyperText Markup Language，是构建网页的基础语言。在广告特效中，HTML用于创建广告的基本结构，如定义广告的容器、设置图片或视频源、添加链接等。HTML5引入了许多新的标签和属性，如`<video>`和`<audio>`用于多媒体播放，`<canvas>`用于绘制图形，这些都为实现丰富多样的广告特效提供了可能。
广告特效的设计和实现涵盖以下关键点：
1. 动画效果：JS库如jQuery和GreenSock提供了一系列便捷的动画方法，如fadeIn()、slideUp()等，能轻松实现淡入淡出、滑动等视觉效果。CSS3的transition和animation属性也可以在浏览器支持的情况下创建复杂的动画，无需依赖JS。
2. 滚动吸附：当用户滚动页面时，广告能固定在屏幕的某个位置，这被称为滚动吸附效应。通过JS监听滚动事件，计算元素相对于窗口的位置，可以实现这一功能。
3. 鼠标交互：例如，鼠标悬停时广告放大、改变颜色或弹出额外信息，这些可以通过监听`mouseover`和`mouseout`事件来实现。
4. 视差滚动：一种营造深度感的特效，背景元素以较慢的速度移动，使得用户在滚动页面时产生视觉差异。通过JS和CSS可以实现这种效果。
5. 响应式设计：广告特效需适应不同设备和屏幕尺寸。利用媒体查询（media queries）和流式布局（flexbox或grid）确保广告在手机、平板和桌面电脑上都能良好展示。
6. 弹窗广告：通过JS可以控制广告在特定时间或用户行为后弹出，同时提供关闭按钮供用户选择。
7. 视频广告：HTML5的`<video>`元素支持内联播放视频，结合JS可以实现自动播放、暂停、进度控制等功能。
8. A/B测试：通过JS切换不同的广告版本，评估哪种广告效果更佳，帮助优化广告策略。
9. 数据追踪：JS可以配合Google Analytics或其他分析工具，收集用户与广告的交互数据，以便分析广告效果。
以上只是部分广告特效的实现方式，实际应用中，开发者往往需要结合HTML、CSS和JS，甚至后台技术如Ajax，创造出更多创新和引人入胜的广告形式。对于初学者来说，理解和掌握这些基础知识，是迈向专业网页设计师的关键步骤。通过不断实践和学习，你可以创建出既有视觉冲击力又能有效传递信息的广告特效，提升网站的整体用户体验。
