滚动跟随

CSS 选择器参考手册

CSS3 选择器 <script> $(document).ready(function(){ $("botton").click(function(){ //jQuery 元素选择器 $(this).hide(); $("p").hide(); $("#test").hide();...

CSS学习 4年前 2105 1
jQuery修改class属性和CSS样式

class属性修改　　类属性即class属性,规定类名.　　用类选择器规定样式的时候,需要为元素指定类名,即class属性的值.　　注意每个HTML元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔.　　具体使用方法见:http://www.w3school.com.cn/css/css_selector_class.asp 　　用jQuery进行类名修改既可以用attr(...

CSS学习 4年前 1623 0 addClass removeClass toggleClass hasClass
zblogPHP模板制作技巧总结

判断：常用if判断（CMS首页判断、侧栏判断）指定分类设置特殊模板样式，分类编辑选择为某些分类指定分类模板，后台版方法字段：主题调用指定字段文章（多选字段）方法调用某篇文章：指定文章标题、内容、摘要、图片...调取某个页面的标题、内容等zblogPHP 调用全部页面（调取所有页面）调用多篇文章：主题连续调用多篇文章，输入ID方法调取置顶文章到首页，限制（指定）N条数调用某个（单个）分类：调用(指定)...

zblog模板学习 3年前 2620 2
经典CSS聚合

CSS3 线性渐变（linear-gradient）transition过渡效果（变形、变色、旋转、停顿时间）鼠标移上去，图片会自动原地放大CSS写法三角形对话框（带边框）- :before + :after + border从table转而使用div+cssdisplay: table-cell 无法使用 margin/ padding 的解法纯CSS写三角形，自适应不同宽度水平翻转、垂直翻转触发变色/随机颜色：手机浏览器...

CSS学习 3年前 1344 0
css常用效果总结

css有不少常用的效果，你在平时浏览网站的时候可能会看到，但是真的要自己写的时候，有时候会突然忘记，今天稍微对那些常见的效果做一下小结。1、每逢大的灾难的时候，很多网站变成了灰色，如何让网站快速变灰？css代码是很简单的，用的是css的filter功能。代码如下：html { filter: grayscale(100%);//IE浏览器 -webkit...

CSS学习 3年前 1426 0
jQuery插件 - theia-sticky-sidebar - 智能侧边栏跟随固定范围浮动的效果

之前发过一篇关于跟随浮动在限制区域内的jquery插件，《jquery 滚动跟随到达底部时会停止跟随特效代码》，但兼容性不太好，包括chrome以及firefox都可能无效，今天写另一个zblog主题时发现急需这个功能，所以忙不迭的寻找其它类似jquery插件！今天就来介绍一款兼容性比较好的，jQuery插件 - Theia Sticky Sidebar，可以智能侧边栏跟随固定范围浮动的效果！首先，你的HTML结构应是这样...

js/jQuery 3年前 2627 0 滚动跟随
不依赖jQuery滚动弹出顶部导航插件headhesive.js

headhesive.js创建一个按需显示头部。指定当你浏览器滚动到某个位置时显示。之前分享过两个类似效果的特效：jQuery - ScrollUpBar Plugin插件，滚动隐藏/回滚显示jQuery - 下拉滚动隐藏/回滚显示 - 特效代码本插件不需要给div加position: fixed; top:0; left:0;right: 0;同时，也不需要依赖jQuery.js使用方法：Headhesive.js是没有依赖关系一个独...

js/jQuery 3年前 1115 0 滚动显示滚动跟随
jQuery滚动导航跟随（锚点定位切换）

关于使用jquery导航跟随置顶的插件，在之前已经分享过几个了：1、jQuery 导航菜单、广告 —— 固定、置顶、跟随2、jQuery 智能判断跟随页面滚动的导航、菜单、广告，下拉后跟随置顶特效代码3、jQuery - 多个菜单导航滚动跟随，全部积累固定在顶端4、jquery 滚动跟随到达底部时会停止跟随特效代码而今天要分享的，是带锚点定位自动跟随！这是一个插件，所以JS：nav.zip<!DOCTYPE ...

js/jQuery 4年前 3559 1 滚动跟随锚点
jquery 滚动跟随到达底部时会停止跟随特效代码

本文的方法兼容性较差，可能对于chrome firefox浏览器不太支持！推荐：《jQuery插件 - theia-sticky-sidebar - 智能侧边栏跟随固定范围浮动的效果》兼容性较好！今天分享的是，在滚动跟随达到底部后，自定停止跟随的特效代码，亲测可用！<!DOCTYPE html> <head> <meta charset="utf-8">...

js/jQuery 4年前 1499 0 滚动跟随
Jquery制作左侧浮动层滚动时跟随页面滚动

Jquery制作左侧浮动层跟随页面滚动。1、jQuery 导航菜单、广告 —— 固定、置顶、跟随2、jQuery 智能判断跟随页面滚动的导航、菜单、广告，下拉后跟随置顶特效代码3、jQuery - 多个菜单导航滚动跟随，全部积累固定在顶端4、jquery 实现导航栏置顶跟随窗口滚动5、即插即用javascript 导航/广告窗口滚动跟随的效果以上5种导航/广告滚动跟随都可以正常使用，且亲测可用，今天再来分享另一种方法！jquery 滚...

js/jQuery 4年前 1208 0 滚动跟随
即插即用javascript 导航/广告窗口滚动跟随的效果

之前文章中介绍过4种方法实现导航窗口跟随置顶效果：1、jQuery 导航菜单、广告 —— 固定、置顶、跟随2、jQuery 智能判断跟随页面滚动的导航、菜单、广告，下拉后跟随置顶特效代码3、jQuery - 多个菜单导航滚动跟随，全部积累固定在顶端4、jquery 实现导航栏置顶跟随窗口滚动以上四种方法都可以实现，最常用的就是第一个和第二个，这也是个人常用的导航跟随特效代码！今天来分享的是即插即用的一种导航窗口跟随特效，老白很喜欢这种简...

js/jQuery 4年前 1219 0 滚动跟随
jQuery $(document).height()与$(window).height() - 判断div随滚动条滚动到一定位置后停止

jQuery(window).height()代表了当前可见区域的大小，而jQuery(document).height()则代表了整个文档的高度，可视具体情况使用. 注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变，但是jQuery(document).height()是不变的。$(document).scrollTop() 获取垂直滚动的距...

js/jQuery 4年前 1198 0 滚动条滚动跟随
jquery 实现导航栏置顶跟随窗口滚动

jquery是实现导航跟随滚动最好的方法，之前已经连续分享了几篇：1、jQuery - 多个菜单导航滚动跟随，全部积累固定在顶端2、jQuery 智能判断跟随页面滚动的导航、菜单、广告，下拉后跟随置顶特效代码3、jQuery 导航菜单、广告 —— 固定、置顶、跟随今天再来分享一个：这个实现方法也是比较简单，都采用jquery：<!doctype html> <html> <head>...

js/jQuery 4年前 2057 0 滚动跟随
[导航跟随]jQuery - 多个菜单导航滚动跟随，全部积累置顶在顶端，向上拉时返回原位置

之前写过几篇导航跟随文章，基本都是比较简单的单个导航跟随，如：《jQuery 导航菜单、广告 —— 固定、置顶、跟随》、《jQuery 智能判断跟随页面滚动的导航、菜单、广告，下拉后跟随置顶特效代码》，这两个导航跟随案例，都属于比较简单的单导航跟随代码！还有另外一个《jQuery高亮楼层导航插件One-Page-Nav - 横向、纵向高亮楼层导航特效》这个主要是随着下拉，会自动高亮导航菜单，可以制作固定侧边导航使用。今天来分享的是多个导...

js/jQuery 4年前 1443 0 滚动跟随
jQuery 智能判断跟随页面滚动的导航、菜单、广告，下拉后跟随置顶特效代码

之前已分享过一篇依赖jQuery的插件《jQuery 导航菜单、广告 —— 固定、置顶、跟随》，今天再来分享一个jQuery 智能判断跟随页面滚动的导航菜单的特效代码！优势：不需要再定义置顶跟随后的位置，会智能判断！代码分享：<!doctype html> <html> <head> <meta charset="utf-8"> <ti...

js/jQuery 4年前 1913 0 滚动跟随导航