第34页
  • 即插即用 点击 下拉菜单 javascript

    即插即用 点击 下拉菜单 javascript

    在制作zblog模板或者其它模板的时候,经常会用到点击下拉菜单,比如手机端菜单,或者PC端搜索图标点击显示搜索框!如果使用css去写下拉也可以,但在手机端不是很适用,目前css点击展开后再次点击不能正常收回。所以推荐下方的JS代码,即插即用,比较简单,特效可以用css3写。 模板代码:<div class="nav">      ...

  • table 表格 边框css

    table 表格 边框css

    第1种对表格设置边框 效果对应CSS代码:.table-a table{border:1px solid #F00}对应html源代码:<div class="table-a"><table width="400" border="0" cellspacing="0" cellpadding="0"><tr&...

    CSS学习 10个月前 368 0 table
  • zblogPHP主题ydlinux资讯CMS主题更新 - 新增手机端自适应

    zblogPHP主题ydlinux资讯CMS主题更新 - 新增手机端自适应

    这个zblog主题ydlinux资讯CMS主题更新了。 上线有两三个月,上线之初由于时间安排问题,缺失了手机端自适应功能,所以定价也比较低,之后几次想做上自适应都没成功,着实是没有时间,自适应需要花费至少半天的时间专门去写手机端CSS。终于在昨天花了半天,写出来了手机端CSS,最麻烦的应该是手机端菜单了,这也是自适应主题最麻烦的部分。目前还有一点小BUG,文章内容中的编辑寄语有很大问题,最好的办法就是进行隐藏,但不甘心,所以待...

    zblog模板更新 10个月前 352 0 自适应
  • 纯CSS - border绘制三角形(各种角度)

    纯CSS - border绘制三角形(各种角度)

    我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。今天给大家带来 CSS 三角形绘制方法#triangle-up {    width: 0;    height: 0;   &n...

  • CSS 纯CSS提示文字,问号弹出悬浮提示文字

    CSS 纯CSS提示文字,问号弹出悬浮提示文字

     今天在一个开发的网站上需要到弹出提示,比如,在设置配置项,设置说明无法全部显示,只能用问号进行触发弹出说明,这时候第一个想法就是使用JS,个人对JS实在不太在行,所以就去万能的百度去寻找替代方案,还真的被找到。那就是Hint,下载网址:http://kushagragour.in/lab/hint/集成的CSS文件压缩版hint.min只有10k,即可带有各种提示方案,完美使用!代码中使用的方法只需要添加一个CSS即可,如:...

    CSS学习 11个月前 728 0 弹出层悬浮提示
  • div垂直居中 css div盒子上下垂直居中

    div垂直居中 css div盒子上下垂直居中

    div垂直居中 css div盒子上下垂直居中,让DIV盒子在任何浏览器中任何分辨率的显示屏浏览器中处于水平居中和上下垂直居中。div垂直居中常用于单个盒子,如一个页面里只有一个登录布局,使用div css让这个登录布局水平和css垂直居中。这里介绍一种最简单兼容性最好的水平居中与上下垂直居中的方法。<!DOCTYPE html>  <html>  <head>&nb...

  • CSS 元素垂直居中的 6种方法

    CSS 元素垂直居中的 6种方法

    利用CSS进行元素的水平居中,比较简单,行级元素设置其父元素的text-align center,块级元素设置其本身的left 和 right margins为auto即可。本文收集了六种利用css进行元素的垂直居中的方法,每一种适用于不同的情况,在实际的使用过程中选择某一种方法即可。Line-Height Method试用:单行文本垂直居中,demo代码:html1 2 3<div id="parent&...

    CSS学习 11个月前 442 0 垂直居中居中
  • CSS: position实现左侧栏高度自适应,依右侧栏高度而定 - 等高布局

    CSS: position实现左侧栏高度自适应,依右侧栏高度而定 - 等高布局

    等高布局相关:《padding和margin配合等高布局,侧边栏等高布局方法》而本文介绍的是使用position来实现多栏等高自适应布局!直接上图,左侧菜单只是显示部分,右侧的高度随时可能变化,要求:左侧栏的高度也跟随右侧栏一起变化!方法:position:absolute; top:0; bottom:0;使用position:absolute; 去定义顶部距离、底部距离,就可以让整个div的高度自适应了。完整代码:<...

  • CSS:左侧栏固定宽度,右侧栏自适应宽度

    CSS:左侧栏固定宽度,右侧栏自适应宽度

    相关:《左边固定,右边自适应及左边自适应,右边固定布局的几种方法》 【更全】最近在学习各种CSS知识,特别是制作网站常用的,比如今天来分享的一个CSS。 在制作zblog模板时候经常会用到一侧栏固定宽度,另一侧栏可以自适应宽度,特别是一些zblog博客、CMS主题常用到。如上图所示,是我写出来的比较简单的CSS,可以实现左侧栏固定宽度,右侧栏会自适应宽度与高度。(红色线条是左侧栏固定的宽和高)<!doctype ...

    CSS学习 11个月前 461 0
  •  iPhone Safari IOS系统不兼容 :hover 的解决方法

    iPhone Safari IOS系统不兼容 :hover 的解决方法

    今天有一个zblog模板客户反馈问题,手机端菜单在苹果手机上下拉失效,安卓机子上正常,看了一下,使用的是:hover的方法,没有使用任何JS。我自己也没有苹果机子可测试,最终百度中找到iphone无法兼容:hover的原因!方法一:a:hover 设置的样式在iOS系统的浏览器内显示不出来,看来在iOS系统的移动设备中,需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态。代码如下:docume...

    前端技术 11个月前 1558 0 hoveriphone
展开