全部内容
JavaScript实现模拟论坛评分动画及弹窗效果

本文通过一个完整的HTML与JavaScript示例,展示了如何模拟中关村论坛的评分交互。代码利用定时器实现元素位置移动的动画,并在动画结束后触发透明度渐变消失效果,最终生成带有“谢谢参与”字样的提示框,适用于学习基础JS动画与DOM节点管理。

2026-10-28 22:51:00
519
微光
JavaScript实现博客园页面右下角返回顶部按钮

本文介绍如何在博客园中通过JavaScript和CSS实现一个始终固定在页面右下角的返回顶部按钮。利用CSS的fixed属性实现图标固定,结合window.scrollBy与setInterval方法实现平滑滚动至页面顶部的功能,并提供相关DOM属性参考。

2026-10-28 22:50:58
572
竹影
JS与CSS实现鼠标悬停渐变显示DIV层

本文介绍如何利用JavaScript与CSS结合,实现鼠标悬停在特定区域时,DIV层以渐变方式显示或隐藏的效果。通过操作DOM元素的opacity和filter属性,配合setInterval定时器,控制透明度变化,实现平滑的视觉过渡。

2026-10-28 22:50:35
157
窗边听雨
JavaScript实现鼠标感应向下滑出的隐藏菜单

本文介绍了一种基于JavaScript实现的网页隐藏菜单效果。该菜单初始状态隐藏在页面左上角,当鼠标移入时会自动向下滑出显示,移出后则向上收起。文章提供了完整的HTML、CSS及JS代码,详细演示了如何通过检测鼠标事件控制菜单的可见性与位置,适用于需要节省页面空间且提升交互体验的场景。

2026-10-28 22:49:42
96
木棉
JavaScript实现鼠标悬停图片透明度变化

本文介绍如何使用JavaScript实现鼠标悬停时图片透明度变化的效果。通过定义makevisible函数,利用onMouseOver和onMouseOut事件监听鼠标状态,动态修改图片的alpha滤镜透明度属性,从而在鼠标移入和移出时分别设置100%和20%的透明度,实现视觉交互效果。

2026-10-28 22:49:18
257
窗边听雨
JavaScript实现点击链接后图片缓慢展开效果

本文介绍了一种使用JavaScript实现点击链接后图片缓慢展开的特效。通过控制定时器逐步修改图片高度属性,结合简单的状态变量判断,实现平滑的视觉展开效果。代码包含完整的HTML结构与JS逻辑,适合初学者参考学习基础DOM操作与动画原理。

2026-10-28 22:48:59
288
微光
JavaScript实现按钮控制图片360度翻转特效

本文介绍如何使用JavaScript实现图片360度翻转特效。通过检测浏览器类型,分别采用IE特有的滤镜属性或标准Canvas API进行旋转处理。点击按钮即可触发旋转逻辑,每次点击图片顺时针旋转90度,循环往复。

2026-10-28 22:48:41
507
像素猫
JavaScript实现鼠标悬停图片震动特效

本文介绍如何使用JavaScript实现鼠标滑过图片时的震动特效。通过定义CSS类shakeimage控制样式,利用JavaScript函数init和rattleimage动态修改图片的top和left属性,结合setTimeout实现循环震动效果。当鼠标移出图片时,调用stoprattle函数停止震动并重置位置。该方法适用于简单的网页交互效果展示。

2026-10-28 22:48:19
484
函数茶馆
JavaScript实现图片模糊切换显示特效

本文介绍了一种使用JavaScript实现图片模糊切换显示的特效方法。通过预加载图片数组、利用IE5.5特有的滤镜功能以及setTimeout定时器,实现图片在切换时的像素化模糊过渡效果。代码包含完整的HTML结构与JS逻辑,适用于支持相关滤镜的浏览器环境,为前端开发者提供简单的图片轮播增强方案。

2026-10-28 22:47:55
94
半夏
JavaScript实现点击图片放大与预览功能

本文介绍一种通过JavaScript实现点击图片放大并在新窗口预览的方法。示例代码展示了两种技术:一是通过修改图片的width和height属性实现视觉放大,二是利用zoom样式属性进行缩放,同时结合window.open实现点击预览。该方法适用于简单的图片展示场景,代码简洁易懂。

2026-10-28 22:47:34
599
代码拾荒
JavaScript实现复选框全选与选中状态校验

本文介绍如何使用JavaScript实现复选框的全选功能,并校验用户是否至少选中一条记录。通过遍历DOM元素设置checked属性实现全选,利用循环检查items数组或单个元素判断选中状态,确保操作前存在有效选择,避免空提交。

2026-10-28 22:47:29
617
纸飞机