鼠標移過滑出一個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   class="iwvjtn8m0"   id="tip" style="background-color:blue;width:48%;height:48%;" onmouseover="show(this);" onmouseout="hidden(this);"></div></body></html>

上一篇：一個JavaScript旋轉變色圓環特效

下一篇：CSS背景漸變，上下漸變效果