社区
JavaScript
帖子详情
如果使鼠标移到上面时产生光晕效果
AllCHN
2003-03-28 08:02:45
网页上的普通文字(加 ID 识别)、连接、图像,如何使鼠标移到上面时产生光晕效果,而移开时恢复正常状态?
要源代码!
有效立结!
...全文
259
9
打赏
收藏
如果使鼠标移到上面时产生光晕效果
网页上的普通文字(加 ID 识别)、连接、图像,如何使鼠标移到上面时产生光晕效果,而移开时恢复正常状态? 要源代码! 有效立结!
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
9 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
AllCHN
2003-03-28
打赏
举报
回复
谢谢,结!
Estyle
2003-03-28
打赏
举报
回复
和我的差不多嘛,还麻烦一点。呵呵!还是我的好,我觉得。
另外,也不是只能用在TD上,还可以用在TABLE上,呵呵。应该还有其它标签可以用,不过我没有试。(查过资料,不过不准确。)
AllCHN
2003-03-28
打赏
举报
回复
这样是否更好一些,可以恢复了,但是只能对 td 起作用,对其它标签却无效。
<script>
function SetGlow(obj,sl) {
if (sl <= 0) {
obj.style.filter = "None;";
} else {
obj.style.filter = "glow(color=#ff0000,strength=2);";
}
}
</script>
<table><tr>
<td ID=xyz><a href="#" onmouseover="SetGlow(xyz,1);" onmouseout="SetGlow(xyz,0);">中国<img src="m1.png" border=0 width="143" height="30"><img src="oscar_w.gif" width="146" height="146" border=0>人民<a></td>
</tr></table>
fu_gui
2003-03-28
打赏
举报
回复
www.freewebs.com/fghome
Estyle
2003-03-28
打赏
举报
回复
终于研究出来了:
<style>
.glow{filter:glow(color=#ff0000)}
.nonglow
</style>
<table><tr>
<td onmouseover="this.className='glow';"
onmouseout="this.className='nonglow';">Glow</td>
</tr></table>
AllCHN
2003-03-28
打赏
举报
回复
做在 td 里确实有些缺憾,而且也没有实现恢复,如果有背景,只不过是另外一个光晕,咱们再等等其他高手。
Estyle
2003-03-28
打赏
举报
回复
<table><tr>
<td onmouseover="this.style.filter='glow(color=#ff0000)';"
onmouseout="this.style.filter='glow(color=#ffffff)';">123</td>
</tr></table>
我没有系统地学过JS,所以只能做到这些。
本来想做两个样式(一个有GLOW,一个没有),然后对两个事件分别调用这两个样式。
结果没有做出来,呵呵。只能变通了,也算耍赖吧!
关注……
laker_tmj
2003-03-28
打赏
举报
回复
up
mustapha
2003-03-28
打赏
举报
回复
关注
jquery仿mac
效果
插件
1.
鼠标
悬停响应:当
鼠标
移到
某个元素上
时
,该元素会根据预设的参数进行放大。 2. 自适应布局:插件能够自动适应各种尺寸的元素和容器,保持整体布局的协调性。 3. 可配置参数:开发者可以根据需求调整放大倍数、...
canvas背景
效果
-可用于首页,登录页等动态背景
使用canvas背景
效果
时
,需要注意性能问题。由于canvas是在浏览器端渲染的,大量复杂的动画可能会影响页面的加载速度和流畅度。因此,合理优化代码,减少不必要的计算,是提高用户体验的关键。 总之,"canvas背景...
cloud_zoom图片放大展示
效果
"cloud_zoom图片放大展示
效果
"是一种广泛应用于网页设计中的技术,它使得用户在浏览列表中的小图
时
,可以通过
鼠标
悬停或点击实现图片的放大预览,从而提供更清晰、更详细的视图,提高用户体验。Cloud_Zoom是实现这一...
jquery 文字特效霓虹灯文字
效果
使用jQuery和CSS
移开
鼠标
时
,恢复动画。 ```javascript $(document).ready(function() { var neonText = $('.neon-text'); neonText.hover( function() { $(this).stop(); }, function() { $(this).css('animation-play-...
three.js全息光影动画特效.zip
7. **交互性**:利用
鼠标
或触摸事件,实现用户与3D模型的互动,例如旋转、缩放和平移视角。 8. **性能优化**:由于3D渲染可能会消耗大量计算资源,所以了解如何优化场景,如批处理渲染、LOD(细节层次)和视锥体...
JavaScript
87,997
社区成员
224,709
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章