前端技术 第7页
  • CSS 选择器参考手册

    CSS 选择器参考手册

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

    CSS学习 3年前 1135 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模板学习 2年前 1193 1
  • 经典CSS聚合

    经典CSS聚合

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

    CSS学习 2年前 673 0
  • css常用效果总结

    css常用效果总结

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

    CSS学习 2年前 702 0
  • CSS3 经典教程系列:CSS3 线性渐变(linear-gradient)

    CSS3 经典教程系列:CSS3 线性渐变(linear-gradient)

    实际案例:CSS3 菜单线性渐变(linear-gradient)实际CSS3 Gradient 分为 linear-gradient(线性渐变)和 radial-gradient(径向渐变)。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 CSS3 Gradient,我们需要先了解一下目前的几种现代浏览器的内核,主要有 Mozilla(Firefox,Flock等)、WebKit(Safari、Chrome等)、Ope...

  • JS 收藏本站 设置首页特效代码

    JS 收藏本站 设置首页特效代码

    曾几何时,收藏本站 设置首页几乎是每个网站的必备,但进入05年后,这两个就越来越没用了,特别是对于中小站点来说,设为首页基本没用,收藏本站还存在一点用途,但进入08年后,收藏也几乎被人放弃,因为通常使用的收藏本站,多在IE浏览器上使用,随着更多浏览器收藏夹的出现,比如360  比如chrome、foirefox等,等于废了!但偶尔还是有一些企业站客户喜欢用这个,原因不外乎有21、很多企业站客户还是希望留住哪怕1个想收藏他们网站...

    js/jQuery 2年前 796 1
  • JS 在线客服在下拉后动态归位特效

    JS 在线客服在下拉后动态归位特效

     如图,在线客服可以在下拉的时候动态归位,而不是直接使用positiong直接固定在侧边,今天来分享下JS代码,我也是摘录而已!HTML:<div class="ydwpkefu" id="divQQbox">  <div class="title">客服可以在下拉的时候动态归位</div&g...

    js/jQuery 2年前 811 1 在线客服
  • jquery判断浏览器宽度小于指定值改变div的CSS样式

    jquery判断浏览器宽度小于指定值改变div的CSS样式

    jquery判断浏览器宽度小于指定值改变div样式!$(function(){      //获取浏览器宽度      var _width = $(window).width();       if(_width < ...

    js/jQuery 2年前 961 0 自适应宽度
  • CSS 怎么清除多个a标签之间的默认空白空隙/间距?

    CSS 怎么清除多个a标签之间的默认空白空隙/间距?

    今天来分享下如何清除掉多个a标签之间的默认空白空隙。关于清除各种默认空隙,之前发布过2篇,分别是:1、《两个input input与button之间有空隙清除》2、《 《:last-child》清除列表中最后的空隙》关于a标签的空隙,在今天实际使用中发现之前竟然从未想过,也基本不会用到,各种a标签肯定要使用margin进行间距设置而不是默认的堆放再一起。但刚才在写一个页码的时候,要使多个a链接页码保持紧贴,竟然发现有很大的空隙!先看要实...

    CSS学习 2年前 1962 0 间距
  • CSS3 object-fit理解 以及object-fit的兼容性,包括兼容IE9+浏览器

    CSS3 object-fit理解 以及object-fit的兼容性,包括兼容IE9+浏览器

    本文还是着重讲下object-fit:cover,特别是关于object-fit:cover的兼容性问题,如何去兼容更多浏览器。具体的object-fit:cover用法请看《object-fit:cover 剪裁图片尺寸适配div - 居中并裁剪图片》下面简单讲述下object-fit的含义以及如何提高兼容性,比如兼容IE!object-fit理解CSS3 background-size出现的比较早,大家应该知道其支持的一些...

    CSS学习 2年前 3441 12 object-fit
  • CSS3 object-fit:cover 剪裁图片尺寸适配div - 居中并裁剪图片

    CSS3 object-fit:cover 剪裁图片尺寸适配div - 居中并裁剪图片

    最近关注的图片居中比较多,各种各样的图片居中方法,比如上一篇讲的《任意图片在div里的上下垂直都居中!》、《CSS 图片水平垂直全部居中(图片尺寸小于块级父元素)》今天来分享另一种最佳最完美的居中自动剪裁图片的功能,虽然IE8无法做到,但现在IE8还需要考虑吗? 放弃吧,直接使用 object-fit: cover;  !你还记得通过设置图片的 background-size 属性可以解决很多问题的时刻吗?...

  • 图片居中:任意图片在div里的上下垂直都居中!

    图片居中:任意图片在div里的上下垂直都居中!

    任意一个图片,在div中都居中显示,这是比较常用的CSS,很多刚学习的新手却并不知道!<style type="text/css">     div{ border:1px solid #ccc;      height:500px; width:500p...

  • CSS 背景图片铺满浏览器,任何情况下都铺面整个浏览器

    CSS 背景图片铺满浏览器,任何情况下都铺面整个浏览器

    CSS 背景图片铺满浏览器,拖动、上下拉背景图片不出界,下面分享下CSS:<!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS 背景图片铺满浏览器,任何情况下都铺面整个浏览器</title> </head> <bo...

    CSS学习 2年前 1001 0 背景图片
  • jQuery滚动导航跟随(锚点定位切换)

    jQuery滚动导航跟随(锚点定位切换)

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

    js/jQuery 2年前 1605 0 滚动跟随锚点