第10页
  • CSS 选择器参考手册

    CSS 选择器参考手册

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

    CSS学习 1年前 633 0
  • jQuery修改class属性和CSS样式

    jQuery修改class属性和CSS样式

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

  • zblogPHP模板制作技巧总结

    zblogPHP模板制作技巧总结

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

    zblog模板学习 10个月前 588 1
  • 经典CSS聚合

    经典CSS聚合

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

    CSS学习 7个月前 279 0
  • css常用效果总结

    css常用效果总结

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

    CSS学习 7个月前 289 0
  • 手机浏览器(移动端)去除onclick点击事件后文字出现的背景颜色

    手机浏览器(移动端)去除onclick点击事件后文字出现的背景颜色

    移动端开发的一个很大的好处就是可以不管讨厌的IE浏览器的兼容性,只需要页面在火狐等一些高级浏览器中正常显示就行。最近在写一些移动端的页面,刚好在今天遇到了这么一个神奇的css特性。那就是tap-highlight-color这个特效是实现在移动端点击某个地方的时候,比如说按钮或者超链接的时候,系统会默认加上一些灰色的背景和一些高亮的效果。但是有的时候我们并不想要这些效果。并且希望点击的时候实现神不知鬼不觉的感觉,,这个时候就要用到tap...

  • background-position 图标背景图片定位 用法详细介绍

    background-position 图标背景图片定位 用法详细介绍

    语法: background-position : length || length background-position : position || position 取值: length  : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位  position  : top | center | bottom | left | c...

  • 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 8个月前 259 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 8个月前 253 0 轮播幻灯片
  • jQuery幻灯片轮播插件Slippry 使用方法 配置参数

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

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

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

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

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

    js/jQuery 8个月前 255 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...

  • jQuery瀑布流插件 - Masonry瀑布流特效代码分享

    jQuery瀑布流插件 - Masonry瀑布流特效代码分享

    今天接一个zblogPHP模板修改,使主题首页、分类列表支持瀑布流显示,如下图:下面来分享下jQuery插件Masonry实现瀑布流的方法:1、分别下载 jQuery 与 Masonry ,然后把他们都加载到页面中使用。<script src="http://www.ylefu.com/zb_system/script/jquery-2.2.4.min.js"></script>...

    js/jQuery 8个月前 237 0 瀑布流