加入收藏 设为首页 联系站长
WEB2.0教程 | CSS教程 | HTML教程 | 设计素材 | CSS 模板 | CSS酷站欣赏 | CSS布局实例 | Javascript | 建站代码 | 专业软件 | 常见问题 | 内容搜索
>首页 -> 学习教程 -> WEB2.0教程

TOP

新CSS特效(悬停)

[ 录入者:admin | 时间:2008-01-11 05:07:18 | 作者: | 来源: | 浏览:56次 ]

先下载:点击下载

网络朋友要一个特效:鼠标悬停的特效,弄了个CSS的。


.tips {
FILTER: revealTrans(transition=26,duration=0.5) blendTrans(duration=0.5);
VISIBILITY: hidden;
POSITION: absolute;
BACKGROUND-COLOR: #FFFFFF;
width:128px;
line-height:18px;
border: 1px solid #666666;
color:#616161;
padding: 4px;
font-size: 12px;
}


<SCRIPT language=JavaScript1.2> 
<!-- 
function Show(divid) { 
divid.filters.revealTrans.apply(); 
divid.style.visibility = "visible"; 
divid.filters.revealTrans.play(); 

function Hide(divid) { 
divid.filters.revealTrans.apply(); 
divid.style.visibility = "hidden"; 
divid.filters.revealTrans.play(); 

//--> 
</SCRIPT>


在需要的地方调用这段JS就可以了!
其中divid表示你用的层div的ID号!
调用方法:

<a onmouseover="Show(act01)" onMouseOut="Hide(act01)" style="cursor:hand;"><fon
t color="#FFFFFF">显示</font></a>
<DIV class="tips" id="act01" align="left"><font color="#FF0000">每次刷新都不一样</font><br>
快刷新试试</DIV>


赶快随便发挥吧!

大鹤的方法也不错:
收录:

<font title="大鹤是美女,博士是帅哥">大鹤是美女,博士是帅哥</font>

[上一篇]用CSS实现鼠标单击特殊效果图 [下一篇]网页标准化制作:CSS的超级技巧

评论

称  呼:
内  容:

相关栏目

最新文章

热门文章

推荐文章

相关文章

推荐浏览

中国百度网
安徽皖一月嫂家政
犯罪现场