• jQuery插件 - theia-sticky-sidebar - 智能侧边栏跟随固定范围浮动的效果

    jQuery插件 - theia-sticky-sidebar - 智能侧边栏跟随固定范围浮动的效果

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

    js/jQuery 2周前 18 0 滚动跟随
  • jQuery多行文字无缝滚动

    jQuery多行文字无缝滚动

     还是在写zblogPHP主题ydblack需要加入一个滚动特效,找到的方法!之前写过一篇关于jQuery单行文字滚动特效的三种样式!多行滚动HTML:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;&nbs...

    js/jQuery 2周前 22 0 滚动
  • jQuery插件 - 滚动条样式-jQuery custom content scroller,兼容所有浏览器

    jQuery插件 - 滚动条样式-jQuery custom content scroller,兼容所有浏览器

    有时需要对div加滚动条,并且需要一定的样式,如果采用CSS的方法兼容性总是出各种问题,比如在firefox浏览器上就很难做到完美兼容,当然firefox目前的使用率不是很高,大概不足10%,也可以不考虑采用CSS的方法,代码简单!而采用插件的方法,比如jQuery custom content scroller滚动条插件,好处就是兼容性良好,并且有很多样式主题可以选择,但缺点就是过大,JS+CSS一起接近100k,如果是普通小站并且带...

    js/jQuery 3周前 20 0 滚动条
  • jQuery幻灯片轮播插件Slippry(带缩略图) 等比例响应式

    jQuery幻灯片轮播插件Slippry(带缩略图) 等比例响应式

    已经分享过两篇关于Slippr轮播插件的文章:1、幻灯片轮播插件Slippry 使用方法 配置参数2、jQuery幻灯片轮播插件Slippry 等比例响应式本文再次分享下带缩略图的Slippry轮播插件特效代码:查看演示:http://www.ylefu.com/demo/Slippry2/下载源码:Slippry2.zip结构分享:<!doctype html> <html> <head&g...

    js/jQuery 1个月前 33 0 幻灯片轮播
  • jQuery幻灯片轮播插件Slippry 等比例响应式

    jQuery幻灯片轮播插件Slippry 等比例响应式

    《jQuery幻灯片轮播插件Slippry 使用方法 配置参数》 配置参数!jQuery幻灯片轮播插件Slippry 等比例响应式演示网址:http://www.ylefu.com/demo/Slippry/HTML结构:<!DOCTYPE html> <html> <head> <title>slippry demo</title> &l...

    js/jQuery 1个月前 32 0 轮播幻灯片
  • jQuery幻灯片轮播插件Slippry 使用方法 配置参数

    jQuery幻灯片轮播插件Slippry 使用方法 配置参数

     基于jQuery的幻灯片轮播插件Slippry个人非常喜欢,主要是在制作响应式模板的时候可以自适应不同宽度的移动设备,整个幻灯片可以等比例进行缩放,不需要额外CSS设置了!Slippry是一款时尚现代的jQuery响应式幻灯片插件。该幻灯片插件使用HTML5、CSS3和jQuery来制作,它100%的响应式设计,并且使用起来简单方便。使用方法:使用该幻灯片插件需要引入jQuery和slippry.js、slippry.css...

    js/jQuery 1个月前 32 0 幻灯片轮播
  • jquery全屏响应式轮播图插件jquery.flexslider.js

    jquery全屏响应式轮播图插件jquery.flexslider.js

    在zblogPHP主题 yunduan 上使用这个轮播幻灯片插件jquery.flexslider.js,分享下使用方法:这是一款jquery全屏响应式淡入淡出效果轮播图插件。该轮播图插件简单实用,兼容ie8浏览器,可以自动切换播放,带淡入淡出的动画效果。FlexSlider - FlexSlider是一个非常出色的jQuery滑动切换插件,它支持所有主流浏览器,并有淡入淡出效果。适合所有初级和高级网页设计师使用。不过很多人都只是使用默...

    js/jQuery 1个月前 39 0 轮播幻灯片
  • 不依赖jQuery滚动弹出顶部导航插件headhesive.js

    不依赖jQuery滚动弹出顶部导航插件headhesive.js

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

  • jQuery - ScrollUpBar Plugin插件,滚动隐藏/回滚显示

    jQuery - ScrollUpBar Plugin插件,滚动隐藏/回滚显示

     上一篇文章分享了《jQuery - 下拉滚动隐藏/回滚显示 - 特效代码》,本文再次分享一种实现的jQuery插件,ScrollUpBar Plugin插件,可以滚动隐藏和回滚、滚动显示!代码分享:<!doctype html> <html> <head> <meta charset="utf-8"> <title>滚...

  • jQuery - 下拉滚动隐藏/回滚显示 - 特效代码

    jQuery - 下拉滚动隐藏/回滚显示 - 特效代码

     最近写一个zblogPHP主题,需要用到滚动的时候隐藏菜单,而启动回滚的时候置顶显示这个菜单,如图:这个jQuery特效非常好用,兼容性也比较好!分享滚动隐藏测试代码:<!doctype html> <html> <head> <meta charset="utf-8"> <title>滚动隐藏,回滚显示</ti...