悬浮窗口
来源:互联网 发布:怎么开淘宝网店 编辑:程序博客网 时间:2024/05/01 01:12
<html> <head> <title>悬浮窗口示例</title> <script type="text/javascript"> window.onscroll=function(){ var div=document.getElementById("divSuspended"); div.style.top=document.body.scrollBottom; } window.onresize=window.onscroll; function init(){ var df=document.createDocumentFragment(); for(var i=0;i<40;i++){ var p=document.createElement("p"); p.appendChild(document.createTextNode("Line"+i)); df.appendChild(p); } document.body.appendChild(df); window.onscroll(); } </script> </head> <body onload="init()"> <p>Tryscrollingthiswindow.</p> <div id="divSuspended" style="position:absolute;bottom:0px;right:0px;position:fixed; "> <table class="table table-bordered table-hover"><thead><tr><th>登记号</th><th>就诊医生</th><th>就诊时间</th></tr></thead><tbody><tr class="success"><td>R20140721022</td><td>张思德</td><td>2014.09.11</td></tr><tr class="error"><td>R20140709050</td><td>刘宝</td><td>2014.09.11</td></tr><tr class="warning"><td>R20140620060</td><td>李美娜</td><td>2014.09.11</td></tr><tr class="info"><td>R20140501027</td><td>张思德</td><td>2014.09.11</td></tr><tr class="info"><td>R201404010007</td><td>张思德</td><td>2014.09.11</td></tr><tr class="info"><td>R20130201047</td><td>张思德</td><td>2014.09.11</td></tr><tr class="success"><td>R20120801020</td><td>张思德</td><td>2014.09.11</td></tr></tbody></table><div><nav class="pagination"> <a class="newer-posts" href="#">上一页</a><span class="page-number">第 1 页/共 1 页</span> <a class="older-posts" href="#">下一页</a></nav></div><footer> <div class="col-xs-12"> <div class="submit"> <p class="text-center">共7条记录</p> </div> </div></footer> </div> </body></html>
0 0
- 悬浮窗口
- 悬浮窗口
- 悬浮窗口
- 悬浮窗口
- 悬浮窗口
- 悬浮窗口的学习
- 【JavaScript】悬浮窗口
- MFC 悬浮窗口
- Android中悬浮窗口
- 悬浮窗口 onscroll实现
- android 悬浮窗口
- android 悬浮窗口
- Android悬浮窗口基本知识
- android 悬浮窗口
- Android中悬浮窗口
- android 悬浮窗口
- Android 中悬浮窗口
- MFC创建悬浮窗口
- 函数调用 堆栈 .
- PHP 子串查找和替换
- 如何在tomact中设置首页面
- 怎样在Eclipse里同时运行多个Java Application?
- (二)排序简介:快速排序、选择排序、归并排序、堆排序
- 悬浮窗口
- 在UEFI模式下安装Ubuntu 14.04与Windows 8/8.1双启动
- mysql忘记root密码
- cstring头文件
- Objective-C 的底层实现
- ReportStudio进阶教程(二) - 配置报表目录页面 之 简单展示
- 2014-09-22
- 程序员如何留住健康?
- Bluetooth