`
qiusenvs
  • 浏览: 49580 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

跟随滚动条浮动层,<h1>jquery插件</h1>

阅读更多

jQuery插件

一个jquery插件,觉得很好所以就转载了

跟随滚动条同步滚动的侧边栏.
代码:
程序代码

  $( '#example' ).scrollFollow();


演示:
http://kitchen.net-perspective.com/sf-example-1.html

http://kitchen.net-perspective.com/sf-example-2.html

http://kitchen.net-perspective.com/sf-example-3.html

http://kitchen.net-perspective.com/sf-example-4.html


下载:
http://kitchen.net-perspective.com/open-source/scroll-follow/

 

分享到:
评论

相关推荐

    蔚蓝网上书店首页代码

    --随滚动条滚动可关闭广告--&gt; &lt;div id="right" class="right"&gt; &lt;div class="dd_close" id="dd_close"&gt;&lt;a href="[removed]void(0);"&gt;关闭&lt;/a&gt;&lt;/div&gt; &lt;img src="images/scroll.jpg" id="right1" /&gt; &lt;/div&gt; &lt;!-...

    jQuery图片3D翻转切换代码.zip

    jQuery图片3D翻转切换代码是一款...&lt;h1&gt;Весна&lt;/h1&gt; &lt;/section&gt; &lt;section&gt; &lt;h1&gt;Лето&lt;/h1&gt; &lt;/section&gt; &lt;section&gt; &lt;h1&gt;Осень&lt;/h1&gt; &lt;/section&gt; &lt;section&gt; &lt;h1&gt;Зима&lt;/h1&gt; &lt;/section&gt; &lt;/main&gt;

    H5 jQuery商品分类导航菜单切换代码.zip

    &lt;li data-id="1"&gt; &lt;span&gt;美妆/个人护理&lt;/span&gt;&lt;/li&gt; &lt;li data-id="2"&gt; &lt;span&gt;手机 /数码 /电脑办公&lt;/span&gt;&lt;/li&gt; &lt;li data-id="3"&gt; &lt;span&gt;零食 /茶酒 /进口食品 &lt;/span&gt;&lt;/li&gt; &lt;li data-id="4"&gt; &lt;span&gt;母婴玩具 &lt;/...

    jQuery自定义美化滚动条

    今天我们要来分享一款很不错的jQuery插件,这款jQuery应用插件主要实现自定义的滚动条,并且利用CSS美化这些自定义的滚动条。这款jQuery自定义滚动条的功能和原始的差不多,遗憾的是,这款自定义滚动条不支持鼠标...

    html标记大全 有marquee,table,form等最常用标记。

    &lt;p&gt;&lt;strike&gt;删除线文本&lt;/strike&gt; &lt;s&gt;不准确的文本&lt;/s&gt; &lt;del&gt;已删除的文本&lt;/del&gt;&lt;/p&gt; ``` #### 5. 换行与分隔线 - **换行**:`&lt;br&gt;`。用于强制换行。 - **水平分隔线**:`&lt;hr&gt;`。用于创建水平线,可设置宽度、高度、...

    jquery给表格加滚动条

    - 可以使用jQuery插件,如DataTables,它提供了更丰富的表格功能,包括自动分页、排序、过滤等,同时也支持自定义滚动条样式。 - 对于大数据量的表格,可以考虑使用虚拟滚动,只渲染视口内的行,提高性能。 - 考虑到...

    <jQuery>导航的滚动锚点

    1. **引入jQuery库**:确保你的HTML文件中包含了jQuery库,通常通过在`&lt;head&gt;`标签内添加`&lt;script&gt;`标签从CDN(内容分发网络)获取,例如:`&lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt;`...

    网站开发之HTML基础知识及超链接(二)1

    - `&lt;h1&gt;`至`&lt;h6&gt;`:定义标题等级,`&lt;h1&gt;`最大,`&lt;h6&gt;`最小。 - `&lt;pre&gt;`:预格式化文本。 - `&lt;font&gt;`:设置文本的字体、大小和颜色(过时,不推荐使用)。 - `&lt;p&gt;`:定义段落。 - `&lt;br&gt;`:插入换行。 - `&lt;b&gt;`、...

    兼容IE的jquery滚动条插件.rar

    &lt;link href="jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css"&gt; &lt;script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="jquery.mCustomScrollbar.concat.min.js...

    CSS在网页上实现浮动层跟随滚动条特效(兼容IE6)

    CSS 实现浮动层跟随滚动条特效(兼容IE6) 在网页上实现浮动层跟随滚动条特效是非常常见的要求,特别是在网站广告展示时。实现这种特效有多种方法,本节将介绍两种比较成功的实现方法,它们都能完美兼容各大浏览器...

    用DIV+CSS技术设计的抗击疫情网页与实现制作(web前端网页制作课作业d

    &lt;scripttype="text/javascript"src="js/jquery.min.js"&gt;&lt;/script&gt; &lt;scripttype="text/javascript"src="js/script.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;!-- Header Section --&gt; &lt;header&gt; &lt;divclass="logo"&gt; &lt;h1&gt;抗击...

    滚动条插件---jquery.nicescroll.js

    **jQuery.nicescroll.js** 是一个著名的 jQuery 插件,专为网页滚动条设计,旨在提供美观且功能丰富的用户体验。这个插件的核心优势在于它的易用性和广泛的浏览器兼容性,无需额外的 CSS 文件,即可在几乎所有的现代...

    遮罩弹出层

    遮罩弹出层&lt;head&gt; ...&lt;meta name="description" content="jquery弹出层当鼠标点击文字或图片弹出层,弹出层浮动在屏幕上可以随浏览器上下滚动,弹出层可自动居中在页面中间。jquery下载。" /&gt; &lt;/head&gt;

    API精灵 FOR c#

    API精灵 FOR c#&lt;br/&gt;简单快速对C#中使用的API函数进行查询,包括 &lt;br/&gt;&lt;br/&gt; 1。提供在C#中能够直接运行的代码。&lt;br/&gt; 2。该函数的中文注释。&lt;br/&gt; 3。该函数所需要的DLL库名称。&lt;br/&gt; 4。函数与C#中函数的对应关系...

    HTML5期末考核大作业、HTML个人主页界面设计源码

    &lt;h1&gt;我的项目&lt;/h1&gt; &lt;p&gt;这是我的部分作品展示...&lt;/p&gt; &lt;/section&gt; &lt;section id="skills"&gt; &lt;h1&gt;技能&lt;/h1&gt; &lt;p&gt;这是我掌握的技能列表...&lt;/p&gt; &lt;/section&gt; &lt;section id="contact"&gt; &lt;h1&gt;联系我&lt;/h1&gt; &lt;form action=...

    jQuery-购物商城图片滚动代码.zip

    &lt;div class="aui-sale-title"&gt;限时秒杀&lt;/div&gt; &lt;div class="aui-sale-second"&gt;FLASH DEALS&lt;/div&gt; &lt;div class="aui-sale-icon-sd"&gt;&lt;/div&gt; &lt;div class="aui-sale-ends"&gt;本场距离结束还剩&lt;/div&gt; &lt;div class=...

    jquery自定义滚动条插件

    **jQuery自定义滚动条插件**是一种用于增强网页滚动体验的工具,尤其在现代Web设计中,为了提供更美观和个性化的界面,自定义滚动条变得越来越重要。本插件适用于IE8及以上的浏览器,允许开发者对滚动条的外观和行为...

    jquery数字滚动特效,类似实时统计数字

    高效的jquery数字滚动特效,灵活的进行数字滚动。分为四种情况具体如下: 有分隔符,有小数点:&lt;div class="numberRun"&gt;&lt;/div&gt; &lt;br&gt;&lt;br&gt; 只有分隔符:&lt;div class="numberRun2"&gt;&lt;/div&gt; &lt;br&gt;&lt;br&gt; 只有小数点:&lt;div ...

    HTML 使用框架集和框架.doc

    marginheight 属性用于指定框架的上下内边距,scrolling 属性用于指定框架是否显示滚动条,noresize 属性用于指定不允许调整框架的大小。 例如:&lt;html&gt; &lt;head&gt; &lt;title&gt;世界大学城&lt;/title&gt; &lt;/head&gt; &lt;frameset rows=...

    jquery.mCustomScrollbar自定义滚动条插件

    jQuery.mCustomScrollbar是一款强大的自定义滚动条插件,它能够帮助开发者轻松地对滚动条进行美化和定制,从而提升网站的整体视觉效果和用户交互性。 ### 插件概述 jQuery.mCustomScrollbar是由Marco Castelluccio...

Global site tag (gtag.js) - Google Analytics