2017年11月
  • CSS 选择器参考手册

    CSS 选择器参考手册

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

    CSS学习 1年前 842 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模板学习 11个月前 790 1
  • 经典CSS聚合

    经典CSS聚合

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

    CSS学习 9个月前 393 0
  • css常用效果总结

    css常用效果总结

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

    CSS学习 8个月前 421 0
  • CSS3 text-shadow 属性

    CSS3 text-shadow 属性

     基础的文本阴影效果: text-shadow:2px 2px 2px #fff X轴,Y轴,模糊程度(不可是负值),阴影颜色 效果一: text-shadow: 0 0 20px red; 效果二: text-shadow: 0 0 5px #fff, 0 0...

    CSS学习 9个月前 303 0 text-shadow阴影
  • zblogPHP获取所有分类名方法

    zblogPHP获取所有分类名方法

    在写zblog主题时,经常需要在主题配置内获取所有分类进行操作,下面分享几种方法:1、<?php echo OutputOptionItemsOfCategories('');?>获取:子分类带有L标识,并且相对位置有空格!<option  value="1">美容护理</option> <option ...

    zblog模板学习 9个月前 335 0 所有分类
  • nowrap="nowrap"在html的td中的作用

    nowrap="nowrap"在html的td中的作用

    在写模板的时候,偶尔会在td中遇到nowrap="nowrap",可能很多人不明白什么意思,特开文章解释下:HTML中td元素的nowrap属性表示禁止单元格中的文字自动换行。但使用时要注意的是,td元素中nowrap属性的行为与td元素的width属性有关。如果未设置td宽度,则nowrap属性起作用的,如果设置了td宽度,则nowrap属性不起作用。...

    html标签 9个月前 329 0 nowrap
  • css table布局大法,解决你大部分居中、多列等高、左右布局的问题

    css table布局大法,解决你大部分居中、多列等高、左右布局的问题

    看了这篇文章,你可以了解到以下布局方法:table-cell定高水平垂直居中不定高水平垂直居中单行定高水平垂直居中单行不定高水平垂直居中多行定高水平垂直居中多行不定高水平垂直居中多列等高布局左边定宽右边自适应布局左边右边定宽中间自适应三列布局最近开发遇到一些布局上的问题,由于不确定因素比较多,比如不定宽高、单行多行的情况需要显示的样式基本相同。这样的情况会比较复杂,后来找到display:table-cell这个布局神器,这些问题也就不...

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

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

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

    js/jQuery 9个月前 475 0 滚动跟随
  • zblogPHP- CMS/资讯自适应主题(YDblack)

    zblogPHP- CMS/资讯自适应主题(YDblack)

    2017-11-27大更新!完全重写了模板与后台配置,样式有所改变,后台主题配置也更人性化,如不想更新,或者喜欢用老版本可联系本人Q!演示站:http://theme.b5b6.com/ydblack/手机扫一扫测试:有任何疑问都可以询问:QQ 525887672我的zblog经典主题:https://app.zblogcn.com/?auth=5670 主题说明:(下方有主题设置所有截图)1、自适应 - 支持手机自适应显示,...

    zblogPHP模板 9个月前 514 0 ydblack
  • zblogPHP主题 - CMS/资讯自适应主题(ydblack)更新了!

    zblogPHP主题 - CMS/资讯自适应主题(ydblack)更新了!

     在今日凌晨对zblog主题CMS/资讯自适应主题(ydblack)更新了!本次更新比较大,在上周对模板文件和后台配置进行了全部重写,工作量较大,期间也get了各种新技能!主题说明:(下方有主题设置所有截图)1、自适应 - 支持手机自适应显示,可扫二维码测试2、幻灯片 - 主题配置内支持手动上传幻灯图片,也可以懒人模式,直接输入文章ID,会调取文章内图片作为轮播图片。3、缩略图 - 支持发文的时候上传自定义缩略图,不自定义就调...

    zblog模板更新 9个月前 436 0 ydblack
  • jQuery多行文字无缝滚动

    jQuery多行文字无缝滚动

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

    js/jQuery 9个月前 486 0 滚动
  • 纯CSS3 自定义滚动条样式设置方法大全(不兼容firefox)

    纯CSS3 自定义滚动条样式设置方法大全(不兼容firefox)

     刚写过一篇使用jQuery滚动条插件jQuery custom content scroller,兼容所有浏览器,但缺点也非常明显,就是过大了,高达100K左右的JS+css,非常不友好。本文分享的是纯CSS方法,但缺点也明显,不兼容firefox,看过很多兼容firefox的方法,但因为firefox的更新很多都失效了,以后遇到再重点写下firefox的滚动条样式。/*滚动条*/ .widget_kuaixun ...

    CSS学习 9个月前 650 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 9个月前 433 0 滚动条