停留在网页顶部随着滚动条移动而不动JQUERY代码

news/2024/7/10 22:51:32 标签: jquery, function, xhtml, border, float, html
htmledit_views">

html">要讲解里面的原因,请留言。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html" title=xhtml>xhtml1/DTD/html" title=xhtml>xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/html" title=xhtml>xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<script type="text/javascript" src="jqury/js/html" title=jquery>jquery.js" ></script>
<script type="text/javascript">
$(html" title=function>function(){
   $("#wrap ul li ").css("width",760 / $("#wrap ul li").size());
   $(window).scroll(html" title=function>function(){
    var h = $(this).scrollTop()+2;
    $("#wrap").css("top",h);
   });
   $("#wrap ul li:even").css("background","#ddd")
   $("#wrap ul li").hover(html" title=function>function(){$(this).css("background","#0f0");},html" title=function>function(){$(this).css("background","");});
});
</script>
<style type="text/css">
#wrap{position:absolute; top:2px; left:0px; width:100%; height:20px; background:#f00;}
#wrap ul{list-style:none; width:760px; margin:0 auto; padding:0; background:#fff;}
#wrap ul li{html" title=float>float: left; text-align:center;}
#test{height:2000px; background:#f0f; margin:0; padding:0; html" title=border>border:1px solid black;}
</style>
</head>

<body>
<div id="wrap">
<ul><Li>首页</Li><li>图片</li><li>新闻</li><li>软件</li><li>图片</li><li>新闻</li><li>软件</li><li>图片</li><li>新闻</li><li>软件</li></ul>
</div><div id="test"></div>
</body>
</html>



http://www.niftyadmin.cn/n/1732304.html

相关文章

cocos creator 视频交互游戏

前段时间刚参加完cocos开发者沙龙-杭州站&#xff0c;听完cocos技术总监panda对creator 2.0框架升级性能优化2.1版本3d渲染的介绍后&#xff0c;感觉creator的未来还是非常不错的。今天就给大家分享下最近做的一个视频与游戏相结合的教育类游戏。 如果对cocos creator不是很了解…

标注图 部分举例聊聊Vue生命周期

“你不需要立马弄明白所有的东西&#xff0c;不过随着你的不断学习和使用&#xff0c;它的参考价值会越来越高。” 现在项目中遇到了&#xff0c;好好回头总结一波Vue生命周期&#xff0c;以后用到的时候再来翻翻。 啥叫Vue生命周期&#xff1f; 每个 Vue 实例在被创建时都要…

关于获取各种浏览器可见窗口大小的一点点研究

<script> function getInfo() { var s ""; s " 网页可见区域宽&#xff1a;" document.body.clientWidth; s " 网页可见区域高&#xff1a;" document.body.clientHeight; s " 网页可见区域宽&#xff1a;" document.…

Linux发行版Gentoo被发现有漏洞,在SQL注入方面存在安全风险

近日有消息表明&#xff0c;Gentoo Linux发行版中存在漏洞CVE-2023-28424&#xff0c;并且极有可能被黑客利用该漏洞进行SQL注入攻击。 据悉&#xff0c;研究人员从 GentooLinux的Soko搜索组件中找到了这个漏洞&#xff0c;并且该漏洞的CVSS风险评分为 9.1&#xff0c;属于特别…

防抖和节流的应用场景和实现

防抖 防抖就是将一段时间内连续的多次触发转化为一次触发。使用场景 一般可以使用在用户输入停止一段时间过后再去获取数据&#xff0c;而不是每次输入都去获取&#xff0c;如下图&#xff1a; 实现代码 function debounce<Return>(fn: (...params: any[]) > Return,…

js用currentStyle和getComputedStyle获取css样式(非行间)

用js的style属性可以获得html标签的样式&#xff0c;但是不能获取非行间样式。那么怎么用js获取css的非行间样式呢&#xff1f;在IE下可以用currentStyle&#xff0c;而在火狐下面我们需要用到getComputedStyle。下面是一个小示例&#xff1a; <html xmlns"http://www.…

如何停止使用console.log并开始用浏览器的debugger

By Parag Zaveri | Oct 1, 2018 原文 当我开始我的软件开发工程师之旅时&#xff0c;发现在这个过程中经历了许多困难。其中一个最常见的困难就是每个新手都会遇到的-调试。起初&#xff0c;当我发现可以打开控制台查看console.log()输出的值以定位bug&#xff0c;我像是发现…

IE6 动态创建 iframe 无法显示的 bug

动态弹出浮层&#xff0c;跨域加载一个 iframe 页面&#xff0c;发现 IE6 下无法正常显示。见图所示&#xff1a; 最初怀疑是 innerHTML 方式创建 iframe 节点导致的&#xff1a; document.getElementById(a).innerHTML <iframe width"500" height"100&quo…