JavaScript特效制作精讲.doc
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
![preview](https://dl-preview.csdnimg.cn/27755578/0001-c553dfc91e05e3a74acdbfc4dcef059b_thumbnail-wide.jpeg)
![preview-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/scale.ab9e0183.png)
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在网页动态效果方面的强大能力。开发者可以根据需求选择合适的技术来增强网页的互动性和吸引力。
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![application/msword](https://img-home.csdnimg.cn/images/20210720083327.png)
![application/msword](https://img-home.csdnimg.cn/images/20210720083327.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/release/download_crawler_static/27755578/bg1.jpg)
![](https://csdnimg.cn/release/download_crawler_static/27755578/bg2.jpg)
![](https://csdnimg.cn/release/download_crawler_static/27755578/bg3.jpg)
![](https://csdnimg.cn/release/download_crawler_static/27755578/bg4.jpg)
![](https://csdnimg.cn/release/download_crawler_static/27755578/bg5.jpg)
剩余20页未读,继续阅读
![avatar-default](https://csdnimg.cn/release/downloadcmsfe/public/img/lazyLogo2.1882d7f4.png)
![avatar](https://profile-avatar.csdnimg.cn/default.jpg!1)
- 粉丝: 15
- 资源: 19万+
![benefits](https://csdnimg.cn/release/downloadcmsfe/public/img/vip-rights-1.c8e153b4.png)
![privilege](https://csdnimg.cn/release/downloadcmsfe/public/img/vip-rights-2.ec46750a.png)
![article](https://csdnimg.cn/release/downloadcmsfe/public/img/vip-rights-3.fc5e5fb6.png)
![course-privilege](https://csdnimg.cn/release/downloadcmsfe/public/img/vip-rights-4.320a6894.png)
![rights](https://csdnimg.cn/release/downloadcmsfe/public/img/vip-rights-icon.fe0226a8.png)
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
最新资源
- 基于SSM开发的旅游信息管理系统程序.zip
- 医学图像分割数据:covid-19肺部感染区域分割【包含3个切面的切片数据、标签文件、可视化代码】
- 基于jsp+servlet实现的图书管理系统(源码+数据库 )
- 大河网servlet+jsp+jdbc的java原生小项目,包含了servlet过滤器和监听器的简单应用
- 链表-基于Java的单链表基本操作之链表相交.zip
- 链表-基于Java的单链表基本操作之删除操作.zip
- 链表-基于Java的单链表基本操作之逆向输出.zip
- 链表-基于Java的单链表基本操作之链表排序.zip
- 链表-基于Java的单链表基本操作之回文链表判断.zip
- 链表-基于Java的单链表基本操作之查找操作.zip
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback-tip](https://img-home.csdnimg.cn/images/20220527035111.png)
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)