前端技术

前端技术：HTML CSS js/jQuery

CSS 选择器参考手册

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

CSS学习 2年前 1027 0
jQuery修改class属性和CSS样式

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

CSS学习 2年前 779 0 addClass removeClass toggleClass hasClass
zblogPHP模板制作技巧总结

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

zblog模板学习 2年前 1016 1
经典CSS聚合

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

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

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

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

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

CSS学习 12个月前 393 1
JQuery 幻灯片/轮播/焦点图特效(右侧选项卡)

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

网页特效 1年前 352 0 选项卡幻灯片轮播
图片大小自适应垂直居中的方法

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

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

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

CSS学习 1年前 320 0
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学习 1年前 419 0 背景颜色透明
CSS 兼容所有浏览器背景色透明文字不透明CSS方法

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

CSS学习 1年前 317 0 背景颜色透明
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学习 1年前 314 0 背景颜色透明
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年前 359 0 背景颜色
overflow:hidden不能百分百截断溢出，特别是遇到position的时候！

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

CSS学习 1年前 354 0 overflow position
纯CSS实现自适应浏览器宽度的正方形

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

CSS学习 1年前 389 0 正方形