网站导航
- zblogPHP模板zbpkf
- zblog免费模板zblogfree
- zblog模板学习zblogxuexi
- zblogPHP仿站zbpfang
-
CSS 选择器参考手册
CSS3 选择器 <script> $(document).ready(function(){ $("botton").click(function(){ //jQuery 元素选择器 $(this).hide(); $("p").hide(); $("#test").hide();...
-
jQuery修改class属性和CSS样式
class属性修改 类属性即class属性,规定类名. 用类选择器规定样式的时候,需要为元素指定类名,即class属性的值. 注意每个HTML元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔. 具体使用方法见:http://www.w3school.com.cn/css/css_selector_class.asp 用jQuery进行类名修改既可以用attr(...
-
zblogPHP模板制作技巧总结
判断：常用if判断 （CMS首页判断、侧栏判断）指定分类设置特殊模板样式，分类编辑选择为某些分类指定分类模板，后台版方法字段：主题调用指定字段文章（多选字段）方法 调用某篇文章：指定文章标题、内容、摘要、图片...调取某个页面的标题、内容等zblogPHP 调用全部页面（调取所有页面） 调用多篇文章：主题连续调用多篇文章，输入ID方法调取置顶文章到首页，限制（指定）N条数 调用某个（单个）分类：调用(指定)...
-
-
-
jQuery 遍历 - eq() 方法
通过为 index 为 2 的 div 添加适当的类，将其变为蓝色：$("body").find("div").eq(2).addClass("blue");定义和用法eq() 方法将匹配元素集缩减值指定 index 上的一个。语法.eq(index)参数描述index整数，指示元素的位置（最小为 0）。如果是负数，则从集合中的最后一个元素往回计数。详细说明如果给定表示 DOM...
-
jQuery插件 - theia-sticky-sidebar - 智能侧边栏跟随固定范围浮动的效果
之前发过一篇关于跟随浮动在限制区域内的jquery插件，《jquery 滚动跟随 到达底部时会停止跟随特效代码》，但兼容性不太好，包括chrome以及firefox都可能无效，今天写另一个zblog主题时发现急需这个功能，所以忙不迭的寻找其它类似jquery插件！今天就来介绍一款兼容性比较好的，jQuery插件 - Theia Sticky Sidebar，可以智能侧边栏跟随固定范围浮动的效果！首先，你的HTML结构应是这样...
-
jQuery多行文字无缝滚动
还是在写zblogPHP主题ydblack需要加入一个滚动特效，找到的方法！之前写过一篇关于jQuery单行文字滚动特效的三种样式！多行滚动HTML：<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;&nbs...
-
jQuery插件 - 滚动条样式-jQuery custom content scroller，兼容所有浏览器
有时需要对div加滚动条，并且需要一定的样式，如果采用CSS的方法兼容性总是出各种问题，比如在firefox浏览器上就很难做到完美兼容，当然firefox目前的使用率不是很高，大概不足10%，也可以不考虑采用CSS的方法，代码简单！而采用插件的方法，比如jQuery custom content scroller滚动条插件，好处就是兼容性良好，并且有很多样式主题可以选择，但缺点就是过大，JS+CSS一起接近100k，如果是普通小站并且带...
-
jQuery幻灯片轮播插件Slippry（带缩略图） 等比例响应式
已经分享过两篇关于Slippr轮播插件的文章：1、幻灯片轮播插件Slippry 使用方法 配置参数2、jQuery幻灯片轮播插件Slippry 等比例响应式本文再次分享下带缩略图的Slippry轮播插件特效代码：查看演示：http://yzktw.com.cn/demo/Slippry2/下载源码：Slippry2.zip结构分享：<!doctype html> <html> <head>...
-
jQuery幻灯片轮播插件Slippry 等比例响应式
《jQuery幻灯片轮播插件Slippry 使用方法 配置参数》 配置参数！jQuery幻灯片轮播插件Slippry 等比例响应式演示网址：http://yzktw.com.cn/demo/Slippry/HTML结构：<!DOCTYPE html> <html> <head> <title>slippry demo</title> <...
-
jQuery幻灯片轮播插件Slippry 使用方法 配置参数
基于jQuery的幻灯片轮播插件Slippry个人非常喜欢，主要是在制作响应式模板的时候可以自适应不同宽度的移动设备，整个幻灯片可以等比例进行缩放，不需要额外CSS设置了！Slippry是一款时尚现代的jQuery响应式幻灯片插件。该幻灯片插件使用HTML5、CSS3和jQuery来制作，它100%的响应式设计，并且使用起来简单方便。使用方法：使用该幻灯片插件需要引入jQuery和slippry.js、slippry.css...
-
jquery全屏响应式轮播图插件jquery.flexslider.js
在zblogPHP主题 yunduan 上使用这个轮播幻灯片插件jquery.flexslider.js，分享下使用方法：这是一款jquery全屏响应式淡入淡出效果轮播图插件。该轮播图插件简单实用，兼容ie8浏览器，可以自动切换播放，带淡入淡出的动画效果。FlexSlider - FlexSlider是一个非常出色的jQuery滑动切换插件，它支持所有主流浏览器，并有淡入淡出效果。适合所有初级和高级网页设计师使用。不过很多人都只是使用默...
-
不依赖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 - 下拉滚动隐藏/回滚显示 - 特效代码》，本文再次分享一种实现的jQuery插件，ScrollUpBar Plugin插件，可以滚动隐藏和回滚、滚动显示！代码分享：<!doctype html> <html> <head> <meta charset="utf-8"> <title>滚...