前端技术

前端技术:HTML CSS js/jQuery

  • CSS 选择器参考手册

    CSS 选择器参考手册

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

    CSS学习 3年前 1070 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年前 1075 1
  • 经典CSS聚合

    经典CSS聚合

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

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

    css常用效果总结

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

    CSS学习 2年前 626 0
  • 真正的花呗自动回款码,费率低至4%,24小时在线及时回款

    真正的花呗自动回款码,费率低至4%,24小时在线及时回款

    真正的花呗低费率自动回款码,可以24小时在线及时回款我们都知道每个人都有偶尔急需用钱的时候,所以把花呗的额度转为余额应该是最佳选择,这种方式在以前确实不可以,但2018年已经可以了,出现了不少专业做蚂蚁花呗的公司,专做自动回款项目。如果你急需花呗转余额,并且低费率,可以考虑直接扫码用花呗支付,秒回款到账户余额,支付宝请立刻查看余额,一般不会超过30秒。如果不放心,还可以扫码用小额测试下,比如 19 29 39这样的小额测试。用蚂蚁花呗回...

    CSS学习 1年前 454 1
  • JQuery 幻灯片/轮播/焦点图特效(右侧选项卡)

    JQuery 幻灯片/轮播/焦点图特效(右侧选项卡)

    今天在写zblog模板的时候需要一个轮播特效,轮播触发部分为右侧选项卡,所以在网上找了一个案例!案例:http://www.jq22.com/demo/JQueryyj-141111194733/特效代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "...

  • 图片大小自适应垂直居中的方法

    图片大小自适应垂直居中的方法

    偶尔会有这样的需求:在不知道图片宽和高情况下,需要让图片水平和垂直居中在某个容器下,而且,如果图片宽或者高超出容器,需要按照比例进行缩放,下面介绍几个常见的方式:Javascript篇:用JS的方式处理解决图片,思路就是预加载图片,然后取宽和高,计算位置,设置margin值,达到目的//计算图片居中位置的信息 functiongetImgSize(img,maxWidth,maxHeight){    &nbs...

    CSS学习 1年前 366 0 居中
  • css图片居中(水平居中和垂直居中)

    css图片居中(水平居中和垂直居中)

    css图片居中分css图片水平居中和垂直居中两种情况,有时候还需要图片同时水平垂直居中,下面分几种居中情况分别介绍。 css图片水平居中利用margin: 0 auto实现图片水平居中利用margin: 0 auto实现图片居中就是在图片上加上css样式margin: 0 auto 如下:<div style="text-align: center; width: 500...

    CSS学习 1年前 366 0
  • CSS 设置某元素的背景颜色透明

    CSS 设置某元素的背景颜色透明

    要设置某一元素的背景为透明,在 chrome 、firefox、opera 下是这样的:background-color: rgba(0, 0, 0, 0.4);  rgba 中的最后一个参数 0.4 就是想要的透明度,范围在0~1之间。在 ie 中一般是这样的:background-color: rgb(0, 0, 0);  ...

  • CSS 兼容所有浏览器背景色透明 文字不透明CSS方法

    CSS 兼容所有浏览器背景色透明 文字不透明CSS方法

    设置透明背景文字不透明,可采用的属性有rgba和IE的专属滤镜filter:Alpha,其兼容性如下图所示:<!DOCTYPE html><html><head><meta charset="utf-8"><title>背景透明,文字不透明</title><style>*{    &...

  • CSS 透明背景色

    CSS 透明背景色

    <div class="box"></div><style>.box{width:300px; height:200px; margin:0 auto; boxder:1px solid #ccc; background:#000; filter:alpha(opacity:30); opacity:0.3;  -moz-opacity:0.3;-khtml-opacit...

  • CSS 网站背景颜色高亮度显示

    CSS 网站背景颜色高亮度显示

    div{background-color: red; -webkit-filter:brightness(1);//兼容不同浏览器 -o-filter:brightness(1); -moz-filter:brightness(1); filter:brightness(1);//设置亮度值,范围:0-1}动态设置亮度值  var tem = 0.5; $(".div").css('...

    CSS学习 1年前 395 0 背景颜色
  • overflow:hidden不能百分百截断溢出,特别是遇到position的时候!

    overflow:hidden不能百分百截断溢出,特别是遇到position的时候!

    以前好像学习过position与overflow的关系,但不是太深刻,特别是overflow:hidden的运用!今天来讲的通俗来说:overflow:hidden在当爹的时候,绝对定位功能的孙子会因为爷爷是相对定位,而不听老爸的管束!为了页面的健壮性,我们常常需要使用overflow:hidden。有时候是为了防止布局被撑开,有时候是为了配合其它规则实现文字截断,还有时候纯粹是为了创建块级上下文。但是,很多人对这个属性是存在着一定的误...

    CSS学习 2年前 394 0 overflowposition
  • 纯CSS实现自适应浏览器宽度的正方形

    纯CSS实现自适应浏览器宽度的正方形

    本文可以延伸为自适应的时候等比例缩放图片,避免出现白边或者显示不全的问题!1、宽度100%时候,图片的height高度完全可以用PC端宽高百分比,用vw进行判断!2、或者直接使用height=0,然后用padding-bottom撑开高度!JavaScript实现自适应浏览器宽度,可以监听onresize事件。纯CSS实现自适应浏览器宽度的正方形有以下三种方法:1、方案一:CSS3 vw 单位CSS3 中新增了一组相对于可视区...

    CSS学习 2年前 421 0 正方形