鼠标移过滑出一个JS+CSS颜色渐变的DIV层

2024-09-05 12:21:48

字体：大中小

来源：转载

供稿：网友

鼠标移到文字上，滑出一个DIV层，淡入淡出的效果，这里用JS控制渐变的时间和深度，你可以试着改变他们的值，会有不同的效果出现。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>js+CSS实现表格渐变</title><style>#tip{position:absolute;left:90px;width:0px;height:0px;color:#FFF;font-size:12px;background-color:#000;border:1px solid #DEF;filter:Alpha(Opacity=0);opacity:0;z-index:999;}</style><script type="text/javascript"></script></head><body>鼠标滑过这里，渐变出现<div id="tip" style="background-color:blue;width:48%;height:48%;" onmouseover="show(this);" onmouseout="hidden(this);"></div></body></html>

上一篇：一个JavaScript旋转变色圆环特效

下一篇：CSS背景渐变，上下渐变效果

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注