js 浮动窗效果
来源:互联网 发布:建筑平面设计软件 编辑:程序博客网 时间:2024/05/11 06:17
源代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Demo</title> <script type="text/javascript"> function over(){var btn = document.getElementsByTagName('button')[0]; var flt = document.getElementsByTagName('span')[0];var x = btn.offsetLeft +45 + 'px'; var y = btn.offsetTop -10 + 'px'; flt.style.top = y; flt.style.left = x; flt.style.display = 'block'}function out(){var flt = document.getElementsByTagName('span')[0]; flt.style.display = 'none'; }</script> </head> <body> <button id="btn" style="position: absolute;" onmouseout="out()" onmouseover="over()">Click</button> <span style="display: none;position: absolute;"> +1</span> </body> </html> </html>
效果展示:
0 0
- js 浮动窗效果
- QQ js浮动效果
- JS对联浮动效果
- JS简单浮动碰撞效果
- 浮动飘窗效果js加html,css
- 浮动层效果-类似webos的浮动窗口js代码
- JS实现图片随机浮动效果
- js实现图片浮动的效果
- js 实现一个图片浮动的效果
- JS做的网页图片浮动效果
- js实现浮动框【缓冲效果】
- css+js框浮动位移效果
- js鼠标拖动层/层的移动和浮动效果
- jQuery固定浮动DIV效果插件 - stickyMojo.js
- js浮动
- 有关浮动的效果
- CSS的浮动效果
- 仿大总点评浮动效果
- LINQ体验(16)——LINQ to SQL语句之DataContext
- Web.xml配置详解
- 51nod 1413:权势二进制
- 线段树之HDU1166 敌兵布阵
- 最小生成树 Prime算法
- js 浮动窗效果
- 喷水装置(一) nyoj 6 && 喷水装置(二)NYOJ_12
- nginx安装
- 移动鼠标显示坐标及退出
- SQL Server 2008数据库创建用户只读权限的两种方式
- 7大未来Web设计趋势
- swift - The Builder Pattern
- 进程间通信-信号量
- CSS3实现的一批hover特效