JavaScript特效制作精讲.doc

JavaScript特效制作精讲涵盖了一系列实用的网页交互效果，这些效果能够提升用户体验，使网页更加生动有趣。以下是每个技巧的详细解释： 1. **添加提示**：通过OnMouseOver和OnMouseOut事件，可以在鼠标悬停时改变状态栏的提示信息。例如，当鼠标移到某个元素上时，状态栏会显示特定的提示文本。 2. **显示最后修改日期**：通过JavaScript的document.lastModified属性，可以自动获取网页的最后修改日期，并将其显示在页面上，提供更新信息。 3. **图片循环隐现效果**：使用JavaScript定时器setTimeout和滤镜alpha.opacity来实现图片的渐显渐隐，创建一种动态视觉效果。用户可以通过调整变量b的值来控制透明度的变化速度。 4. **探照灯效果**：利用CSS滤镜light和JavaScript，可以为图片添加类似探照灯的聚光效果，聚焦用户的注意力。通过调整speed变量，可以控制光圈移动的速度。 5. **新窗口属性设置**：可以使用JavaScript的window.open方法打开新的浏览器窗口，并设置窗口的大小、位置等属性，提供更好的窗口控制体验。 6. **关闭浏览器窗口**：通过JavaScript的window.close方法，用户单击按钮或链接后可以关闭当前窗口。 7. **禁止保存网页**：虽然JavaScript无法完全阻止用户保存网页，但可以通过设置禁用右键点击和禁用网页另存为功能，降低网页被复制的可能性。 8. **雪花飘落效果**：创建粒子动画，模拟雪花飘落，增加冬季主题网页的氛围感。 9. **状态栏跑马灯效果**：利用JavaScript的循环和字符串拼接，可以在浏览器状态栏显示滚动文字。 10. **烟花效果**：通过绘制图形和动画，模拟烟花绽放的视觉效果，常用于节日或庆祝场景。 11. **状态栏数字时钟**：利用setInterval定时器和Date对象，实现在状态栏实时显示数字时钟。 12. **围绕鼠标旋转的文本**：结合CSS变换和JavaScript，使文本围绕鼠标指针旋转，增加互动性。 13. **跟随鼠标飘动的双层时钟**：通过JavaScript获取鼠标位置，并结合CSS动画，使两个时钟跟随鼠标移动并显示当前时间。 14. **按时间显示不同信息**：根据系统时间，显示不同的内容，如早安、午安、晚安等问候语。 15. **禁用鼠标右键和左键**：可以防止用户右键点击进行某些操作（如查看源代码），并通过监听鼠标点击事件限制左键功能。 16. **图片加亮效果**：当鼠标悬停在图片上时，通过改变图片的透明度或亮度，使图片暂时变亮。 17. **会说话的老人**：使用音频元素和JavaScript，实现点击后播放语音，营造趣味性。 18. **统计网页访问次数**：通过JavaScript记录用户访问，虽然不完全准确，但可大致了解页面受欢迎程度。 19. **制止页面最小化**：尝试检测窗口尺寸变化，如果检测到最小化，可以执行相应操作，如弹出警告。 20. **网页中间向外扩大变化**：通过CSS动画和JavaScript，使网页加载时从中心点逐渐展开，增加视觉吸引力。 这些JavaScript特效为网页开发提供了丰富的交互方式，不仅提高了用户体验，也展示了JavaScript在网页动态效果方面的强大能力。开发者可以根据需求选择合适的技术来增强网页的互动性和吸引力。