模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
层和布局特效代码
>
收藏
分享
查看评论
层和布局
演示
JS+CSS漂亮的滑出提示层_层和布局特效
查看演示效果
特效Tag:
展开层
添加
漂亮滑出层,JavaScript+CSS实现,使用广泛,代码少,容易修改。
<html> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=utf-8" /> <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> </body> </html>
所属频道:
层和布局特效
/
更新时间:2012-11-17
[收藏]
[报错]
[返回列表]
相关
层和布局特效
:
表格内容排序sortTable
行变成列,列变成行
文本输入限制
拆分单元格
控制表格内的滚动条
颜色交替的表格
JS计算里面有多少个
极酷的表格
会动的表格
可拖动单元格
变色表格
访问表格的每个TD
层和布局特效Rss订阅
特效代码搜索
层和布局特效推荐
CSS 图片列表,横向
Javascript实现带阴影的提示框
Li 标签列表隔行换色效果
CSS未知div高度垂直居中代码
CSS让层及层内文字垂直居中的办法
点击按钮,弹出一个可关闭的层窗口,网页背景变灰
极酷的表格
不规则形状的CSS鼠标经过变色效果
淡蓝色的鼠标拖动选择框
Ajax动态表格,可适时添加行、删除行、复制行
猜你也喜欢看这些
鼠标放上链接改变网页背景颜色
网页风格适时切换
表格颜色渐变效果
超不错的银灰色竖排折叠菜单
一个很漂亮的转入别的页面时等待页
自动弹出的导航窗
卡片效果的导航页面
打开页面后跳出对话框,你可以用数字来指定链接目的地
CSS控制图片背景自适应大小【荐】
页面载入的动画效果的源代码一例
相关链接:
复制本页链接
|
搜索JS+CSS漂亮的滑出提示层
特效说明:
层和布局模板
-
JS+CSS漂亮的滑出提示层
。