`

滑块固定顶部

阅读更多

①始终顶部

<div id="d1" style="position:absolute;background:#eeeeee;border:1px dotted #000;">
<div><img src="..."/></div>
<div>content</div>
</div>
<script type="text/javascript">
function scrollImg(){
    var posX,posY;
    if (window.innerHeight) {
        posX = window.pageXOffset;
        posY = window.pageYOffset;
    }
    else if (document.documentElement && document.documentElement.scrollTop) {
        posX = document.documentElement.scrollLeft;
        posY = document.documentElement.scrollTop;
    }
    else if (document.body) {
        posX = document.body.scrollLeft;
        posY = document.body.scrollTop;
    }
 
    var ad=document.getElementById("d1");
    ad.style.top=(posY+100)+"px";
    ad.style.left=(posX+50)+"px";
    setTimeout("scrollImg()",100);
}
scrollImg();
</script>

 注意:不能写在jQuery里

分享到:
评论

相关推荐

    jQuery滑块导航顶部固定代码.zip

    "jQuery滑块导航顶部固定代码.zip" 是一个包含jQuery和CSS特效的资源包,旨在实现一种功能强大的、顶部固定的滑块导航菜单。这个特效使得导航栏在用户滚动页面时始终保持在屏幕顶部,提供了一种流畅的用户体验。 ...

    jQuery实现的响应式滑块导航顶部固定特效源码.zip

    这个“jQuery实现的响应式滑块导航顶部固定特效源码”是一个利用jQuery构建的功能,它旨在为网站提供一个适应不同屏幕尺寸且在滚动时始终保持在屏幕顶部的导航栏。下面我们将详细探讨这一技术实现及其相关知识点。 ...

    jQuery响应式顶部固定滑块导航菜单代码

    本资源提供的是一款基于jQuery的响应式顶部固定滑块导航菜单,适用于各种屏幕尺寸的设备,确保用户在浏览过程中始终保持易用性和良好的用户体验。 首先,我们要理解"响应式设计"的概念。响应式设计是指网站布局能够...

    jQuery响应式顶部固定滑块导航菜单代码.zip

    **jQuery响应式顶部固定滑块导航菜单代码** 在网页设计中,导航菜单是不可或缺的部分,它帮助用户在网站中快速定位并浏览各个页面。而响应式设计则使得这些菜单能够适应不同设备的屏幕尺寸,提供良好的用户体验。在...

    jQuery滑块导航顶部固定代码

    "jQuery滑块导航顶部固定代码"就是一个专门针对这一需求设计的解决方案。这个特效利用了JavaScript库jQuery的强大功能,创建了一个响应式的滑块导航,当用户滚动页面时,导航条会始终保持在屏幕顶部,提供持续的导航...

    jQuery滑块导航顶部固定特效代码

    "jQuery滑块导航顶部固定特效代码"是一种利用jQuery库实现的交互式导航菜单,具有响应式布局和顶部固定特性。这篇文章将详细介绍这个特效的实现原理和相关知识点。 **1. jQuery基础** jQuery是一个广泛使用的...

    粘性滑块导航,动态特效

    这种导航通常固定在屏幕顶部,即使在用户向下滚动时也能保持可见,从而提供了持续的交互性。 在"粘性滑块导航,动态特效"的场景中,我们主要涉及到以下几个关键技术点: 1. **CSS (层叠样式表)**:CSS是用于描述...

    一种起重机维修用紧压固定装置的制作方法.docx

    同时,活动板的滑槽内还装有螺杆,与滑块螺接,顶部设有旋钮,旋钮与螺杆固定,方便旋转调整滑块的位置,进而控制夹块的紧固程度。 夹块沿活动板外侧壁对立设置,形状为半弧形,以便更好地适应不同形状的工件。外框...

    一种微生物气溶胶采集器支架伸缩固定装置的制作方法.docx

    这个固定装置的核心是缓冲座,缓冲座的顶部有一个固定筒,内部设有与固定套筒外螺纹相匹配的内螺纹,通过螺纹连接实现固定装置的安装和拆卸,操作简便。 缓冲组件是固定装置的关键部分,它包含上安装板、下安装板、...

    一种无人机航拍测绘仪器支撑架的制作方法.docx

    固定板固定在底座顶部,并在内部设有滑槽,滑槽内滑动连接T型滑块,滑块底部与活动块相连。滑块通过转轴与连杆一端相连,连杆另一端连接到活动座内部两侧。活动座顶部的弧形槽内固定有防护垫,提供对测绘仪器的保护...

    骨架反向固定式橡胶履带垫板的制作方法.docx

    挡槽内有一个可活动的挡板,滑块右侧固定有支撑杆,支撑杆外侧滑动连接有衔接环,衔接环内侧固定有安装板,并通过弹簧与支撑杆相连。弹簧保持压缩状态,安装板的右侧与衔接环右侧在同一平面上。 设计的优化之处在于...

    jQuery响应式粘性滑块导航特效.zip

    当用户滚动页面时,如果导航条到达一定位置,它会变为“粘性”,始终固定在屏幕顶部,这样用户在浏览页面内容时仍然可以轻松访问导航链接。 滑块导航通常用于显示多个菜单项,但有限的屏幕空间可能不允许同时显示...

    jQuery响应式粘性滑块导航特效

    而过渡和动画效果则增强了导航栏的视觉吸引力,例如,当用户滚动页面时,导航栏可能从固定在顶部变为淡入淡出,或者在滑动到特定内容时有平滑的动画效果。 "粘性导航"(Sticky Navigation)是指导航栏在页面滚动时...

    一种板材生产加工用小型板材预压机的制作方法.docx

    活动轴与连接杆相连,连接杆又与滑块固定,滑块则在导向板顶部滑动,导向板固定在垫板顶部前后两侧,提供滑动路径。 抵紧板设于垫板顶部,与滑块相连接,形成一个四边固定的系统。当需要固定板材时,通过第一液压缸...

    一种家纺绣花裁片的固定装置的制作方法.docx

    位置调整机构则由固定块、滑块、卡珠和珠槽组成,允许装置在板体上前后移动,以适应不同的工作位置。固定块与套筒相连,滑块在滑槽内移动并通过回力弹簧和卡珠保持稳定,使得整个装置的定位更加灵活。 总结来说,...

    一种土工织物实验用试样制取器的制作方法.docx

    具体设计上,滑轨固定在仿形贴合模板顶部,滑槽则内置在滑轨中,滑块与之匹配并固定在把手底部。滑块内设有固定栓,滑轨和滑块的边缘都有对应的固定孔,使得把手可以牢固地安装和调整。为了保护把手和滑块,设计了...

    一种易于收纳环保型编织袋的制作方法.docx

    当需要使用编织袋时,将第一活动杆和其次活动杆的连接槽套在连接杆上,然后滑动滑块至矩形架顶部,固定滑块。此时,第一活动杆和其次活动杆被拉伸成直线,撑开编织袋的开口,方便装入物品。不用时,可以将活动杆从...

    一种泡沫生产用发泡限位装置的制作方法.docx

    L型活动模两侧固定有固定块,它们在固定模顶部两侧滑动,并通过固定螺栓进行固定或松开,以便于调整活动模的位置,从而改变发泡范围,适应不同规格泡沫板的生产需求。 为了提高操作便捷性,固定块底部装有活动块,...

    一种消防设备安装用辅助装置的制作方法.docx

    滑动架固定在安装板上,顶部设有顶夹,便于调节和固定。滑块在滑动架内部活动,与之配合的固定夹和软夹能够根据灭火器的直径进行调整,软夹的设计是为了避免对灭火器表面造成损伤。滑动架内开设的矩形滑槽与滑块和...

Global site tag (gtag.js) - Google Analytics