第32页
  • 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
  • JavaScript基础

    JavaScript基础

    1、基础<p id="p1">我是第一段文字</p> <p id="p2">我是第二段文字</p> <script type="text/javascript">  document.write("hello");  document.get...

    js/jQuery 1年前 425 0
  • 清除浮动的三种方法 clear: both、width: 100%;overflow: hidden、换行

    清除浮动的三种方法 clear: both、width: 100%;overflow: hidden、换行

    在写网页的时候经常会遇到各种浮动,比如你使用了float,就会造成紧跟在其后的元素产生影响,比如<style>    .box1{float:left;}   .box2{}</style><div class="box1">盒子1</div><div class="box1">...

  • CSS小技巧:position:absolute以及float:left/right都可以使用元素变为display:inline-block(块状元素)

    CSS小技巧:position:absolute以及float:left/right都可以使用元素变为display:inline-block(块状元素)

    有一个有趣的现象就是当为元素(不论之前是什么类型元素,display:none 除外)设置以下 2 个句之一: 1. position : absolute  2. float : left 或 float:right 简单来说,只要html代码中出现以上两句之一,元素的display显示类型就会自动变为以 display:in...

    CSS学习 1年前 461 0
  • 垂直居中-父元素高度确定的多行文本两个方法table+vertical-align:middle以及display:table-cell+vertical-align:middle

    垂直居中-父元素高度确定的多行文本两个方法table+vertical-align:middle以及display:table-cell+vertical-align:middle

    父元素高度确定的多行文本、图片等的竖直居中的方法有两种:方法一:使用插入 table  (包括tbody、tr、td)标签,同时设置 vertical-align:middle。css 中有一个用于竖直居中的属性 vertical-align,在父元素设置此样式时,会对inline-block类型的子元素都有用。下面看一下例子:html代码:<body> ...

  • CSS: 父元素高度确定的单行文本垂直居中使用height+line-height

    CSS: 父元素高度确定的单行文本垂直居中使用height+line-height

    各种居中问题,比如左右居中,垂直居中等,都是前端中比较常用,且容易混淆的问题,所以学习CSS时,必须把各种居中拿下,比如今天要介绍的单行文字居中问题!如上图:就是hi,imooc!进行了父元素(灰色背景)内进行了垂直居中,且是单行文字的垂直居中,常用于文章标题居中,本人在制作各种zblog主题的时候必用!其实垂直居中也分为:父元素高度确定的单行文本 、父元素高度确定的多行文本。本文只介绍高度确定的单行文本垂直居中问题!本节我们先来看第一...

  • Video to GIF视频转gif动态图片软件绿色版(解压即可用)

    Video to GIF视频转gif动态图片软件绿色版(解压即可用)

    分享一个自己在本站发布动态图片常用的视频转gif动态图片软件:Video to GIF,因为zblog模板站不想建各种演示链接,所以都直接发布演示动态图,此类软年又必用!可以转换视频文件像AVI,MPEG,MKV,MP4,WMV,MOV,RM和对动画GIF文件。保持原有速率和分辨率。因为本站需要发布很多带有动态演示的案例图片,在PC上的所有操作可以直接使用Gif-gIf-giF《gifgifgif(Gif-gIf-giF)小工具,直接截...

    工具软件 1年前 483 0 视频
  • zblogphp自适应模板插入优酷视频,电脑与移动手机端都正常显示方法

    zblogphp自适应模板插入优酷视频,电脑与移动手机端都正常显示方法

    在使用zblogphp的时候,可能偶尔需要插入优酷等网站视频,一般PC上播放视频是没有什么问题的,不管是插入视频的flash网址、通用网址,还是html代码都可以,因为电脑上一般都有flash插件!而在移动端手机上,必须插入通用代码,也就是iframe代码,框架就不需要使用设备自带flash插件就可播放,所以为了PC和手机端都可以正常播放,最好的办法就是使用通用代码!问题来了:通用代码PC上显示正常,手机端的尺寸有问题,视频太宽以至于显...

    zblog模板学习 1年前 650 0 视频
  • jQuery导航特效 - 鼠标滑过/滑动遮罩背景图片跟随

    jQuery导航特效 - 鼠标滑过/滑动遮罩背景图片跟随

     这种遮罩效果的菜单滑动,背景图片可以动态滑动特效代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ...

    js/jQuery 1年前 577 0 导航
  • jQuery高亮楼层导航插件One-Page-Nav - 横向、纵向高亮楼层导航特效

    jQuery高亮楼层导航插件One-Page-Nav - 横向、纵向高亮楼层导航特效

    今天分享的这个导航插件,常用在各种电商网站模板上,用来提高查找信息的用户体验,特别是分类特别多的时候,用固定导航不能把所有分类行业全部一次性展示出来,这时候就需要用到今天分享的楼层导航了!电商网站的分类比较明确,比如1楼是手机通讯产品,2楼是家用电器,3楼是服装鞋包等等,旁边还会有一个固定的楼层导航,这个导航列出了所有的楼层,同时还会高亮你正在浏览的楼层,点击其他楼层按钮,又会滚动到其他楼层。这样的导航可以增加用户体验,让购物更加方便快...

    js/jQuery 1年前 692 0 导航
  • jQuery 智能判断跟随页面滚动的导航、菜单、广告,下拉后跟随置顶特效代码

    jQuery 智能判断跟随页面滚动的导航、菜单、广告,下拉后跟随置顶特效代码

    之前已分享过一篇依赖jQuery的插件《jQuery 导航菜单、广告 —— 固定、置顶、跟随》,今天再来分享一个jQuery 智能判断跟随页面滚动的导航菜单的特效代码!优势:不需要再定义置顶跟随后的位置,会智能判断!代码分享:<!doctype html> <html> <head> <meta charset="utf-8"> <ti...