通过js实现置顶方法

  1. <!DOCTYPE html
  2. PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html>
  5. <head>
  6. <script type="text/javascript">
  7. var timer
  8. function scrolltop()
  9. {
  10. document.getElementById(‘scrollmenu‘).style.top=document.documentElement.scrollTop || document.body.scrollTop || 0;
  11. //兼容写法。页面具有DTD时，使用document.documentElement.scrollTop；没有指定DTD时使用document.body.scrollTop，所以用## || ## || 0 兼容
  12. timer=setTimeout("scrolltop()",1) //1毫秒调用一次scrolltop()方法
  13. }
  14. function stoptimer()
  15. {
  16. clearTimeout(timer)
  17. }
  18. </script>
  19. </head>
  20. <body onload="scrolltop()" onunload="stoptimer()">
  21. <div id="scrollmenu" style="position:absolute;">
  22. <b>置顶菜单</b><br />
  23. <a href="###">导航一</a><br />
  24. <a href="###">导航二</a><br />
  25. <a href="###">导航三</a><br />
  26. <a href="###">导航四</a><br />
  27. </div>
  28. <p style="height:1000px">当页面出现滚动条的时候，菜单依然置顶<br />默认为左上角置顶，当为id="scrollmenu"的style添加属性right:0则右上角置顶</p>
  29. </body>
  30. </html>
时间： 2024-11-07 05:29:22

通过js实现置顶方法的相关文章

窗口置顶方法

CWindow::SetWindowPos BOOL SetWindowPos( HWND hWndInsertAfter, int x, int y, int cx, int cy, UINT nFlags ); BOOL SetWindowPos( HWND hWndInsertAfter, LPCRECT lpRect, UINT nFlags ); 1 BOOL CXXX::OnInitDialog() 2 { 3 CRect rect; 4 GetWindowRect(&rect);

js数组移动上移下移置顶置底，vue实现表格上下移动置底置顶

js操作数组移动 //先封装js数组交换顺序方法 /*参数说明 arr是要操作的数组 index1 是准备移动的元素 index2 是准备移动到的位置 往下移就是 index2=index+1 往上移动就是 index2=index+1: 这个也可以在页面试试那个方法就指导了,但是置顶和置底还有点差别 */ var swapItems = function(arr, index1, index2,direction) { if(direction=='up'){//置顶 arr.unshift(

2016.5.30实现透明Panel及控件置顶的方法

想放置一个透明Panel在某控件上端,实现效果是可透过此Panel看见下面控件,但鼠标点击却无任何反应. 1.新建置自定义Panel类 using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Windows.Forms; using System.Drawing; namespace NavDataManager { public class MyTran

JS内置对象的原型不能重定义？只能动态添加属性或方法？

昨天马上就快下班了,坐在我对面的同事突然问我一个问题,我说“爱过”,哈哈,开个玩笑.情况是这样的,他发现JS的内置对象的原型好像不能通过字面量对象的形式进行覆盖, 只能动态的为内置对象的原型添加属性或方法,下面那个具体的例子说明: var arr=[]; Array.prototype={ push:function(){ alert("1"); } }; arr.push(); //没有任何输出 有人可能会说了“你先定义的arr,后来又修改了Array.prototype,这时Arr

js之滚动置顶效果

0.js获取高度 ? 1 2 3 4 5 6 document.all   // 只有ie认识 document.body.clientHeight              // 文档的高,屏幕的文档区域的高 documemt.documentElement.clientHeight   // 有效的高,屏幕可视的高 document.documentElement.scrollHeight   // 屏幕的总高度 document.documentElement.scrollTop     

表格行上下移，置顶的js代码

$(function(){     //上移     var $up = $(".up")     $up.click(function() {         var $tr = $(this).parents("tr");         if ($tr.index() != 0) {             $tr.fadeOut().fadeIn();             $tr.prev().before($tr);                  

百度编辑器在服务器置顶路径 解决上传图片创建目录失败的方法（Thinkphp）

1.设置文件夹权限 2.修改 /* 前后端通信相关的配置,注释只允许使用多行方式 */ { /* 上传图片配置项 */ "imageActionName": "uploadimage", /* 执行上传图片的action名称 */ "imageFieldName": "upfile", /* 提交的图片表单名称 */ "imageMaxSize": 2048000, /* 上传大小限制,单位B */ &qu

PHPCMS实现文章置顶功能的方法

我个人喜欢把PHPCMS当作博客来用,而作为一个博客,怎能少了文章置顶功能呢?其中用PHPCMS实现置顶功能非常简单,无非是修改下推荐位的名称为置顶,然后在文章列表中推送需要置顶的文章罢了. 不过博客系统中置顶文章可不会与文章列表中的文章重复,要解决这个问题其实也不难,看代码: 复制代码代码如下:{pc:content action="lists" catid="1" num="20" where="posids!=1" or

js 置顶操作

//置顶 document.getElementById("pro-view-8").onclick = function(){document.body.scrollIntoView();} window.onscroll = function(){ if(document.body.scrollTop > 30){ if($("#pro-view-8")[0].style.display === "block") {return;} $