JS+CSS漂亮的滑出提示层

来源：互联网发布：java软件下载qq 编辑：程序博客网时间：2024/05/02 02:21

---------------------------------------------------------------------------
<html>
<head>
<title>滑出层</title>
<script>
var flag=0;
function f_s(id){
var obj=document.getElementById(id);
obj.style.display="block";
obj.style.height="1px";

var changeW=function(){
var obj_h=parseInt(obj.style.height);
if(obj_h<=335){
obj.style.height=(obj_h+Math.ceil((335-obj_h)/10))+"px";
}
else{
clearInterval(bw1);
}
}
bw1= setInterval(changeW,1);
if(flag>0){
clearInterval(bw2);
}
}
function closeW(id){
flag++;
var obj=document.getElementById(id);
var closeDiv=function(){

clearInterval(bw1);
var obj_h=parseInt(obj.style.height);
if(obj_h>1){
obj.style.height=(obj_h-Math.ceil(obj_h)/10)+"px";

}
else{
clearInterval(bw2);
obj.style.display="none";
}
}
bw2= setInterval(closeDiv,1);
//alert(flag)
}
function showDiv(){
var ele = document.getElementById("div1");
clearInterval(bw1);
clearInterval(bw2);
ele.style.display = "block";
ele.style.height = 335 + "px";

}
</script>
</head>
<body>
<div onmouseover="f_s('div1')" onmouseout="closeW('div1')" style=" position:absolute;background:black; left: 536px; top: 36px; width: 150px; height: 22px;padding:8px;color:white;font-size:9pt;">详细介绍……</div>
<div id="div1" style="position:absolute;background:aqua;padding:8px;font-size:9pt;left:451px;overflow:hidden;top:68px;width:330px;display:none" onmouseover="showDiv()" onmouseout="closeW('div1')">一年之计在于春，一天之计在于晨，抓紧每一分一秒，努力奋斗……</div& gt;
</body>
</html>

原文地址：http://bbs.lampbrother.net/read-htm-tid-120007.html

阅读(193) | 评论(0) | 转发(0) |

上一篇：至LAMP兄弟连的所有班组长

下一篇：第一个商城项目的感受

相关热门文章

Ubuntu 10.10 下安装 apache记...
纪念日的独白
【本港财经】建行(亚洲)发明虚...
Ignoring unknown interface e...
医药信息医用X射线应该重视也...

IP Sec VPN与NAT破镜重圆
网站导航
GoAgent图文设置教程
UT2.0正式版下载
tomcat6.0配置(含配置视频下载...

大家都是用什么来管理hadoop集...
网站被人挂了吗，添加了些程序...
Nginx如何保证不走宕机的那个...
大家谈谈MYSQL客户端和服务器...
以下代码运行后为何会输出5?...

给主人留下些什么吧！~~

评论热议

java软件下载qq

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子皮肤黄美白黄- 美白去黄护肤品排行榜黄所什么是黄淡斑去黄面膜上黄黄由黄向黄葛榕重庆心理咨询a去黄泥磅白色塑料快速去黄简易方法白色衣服如何去黄皮肤为什么会变黄用什么洗脸会变白去黄吃什么可以美白去黄县金门县属于哪个省金门县都道府县长沙县镇雄县当涂县黄池镇命案绥江县长岛县叙永县太湖县长垣县题龙阳县青草湖太和县洪洞县平南县郡县制宜兰县清河县固始县水富县宜兰县属于哪个市红安县若羌县新兴县