前端技术 第4页

HTML5绘制上海地铁线路图

pen 发布于 2016-11-03

某市政项目用到地铁图展示,展示地铁站点以及相关信息流,使用Qunee组件可以很好的解决这类需求,做出优美的展现,下面以上海2012地铁图为例,效果如下: 示例讲解 首先需要解决数据问题,可以从维基百科或者上海地铁官网中获取,不过也免不了人工,要达到良好的显示效果,需要不只要记录站...

CSS3技巧:利用css3径向渐变做一张优惠券

pen 发布于 2016-11-03

在很多购物网站上都能看到优惠券,代金券,什么什么的券,但基本都是图片直接放上去,那么你有没有想过css来做一个呢,反正我是这样想过。那么你怎么做呢,切图做背景平铺边缘,嗯,有这样想过,如今css3技术这么先进再用背景做平铺是不是已经out了,那么今天给大家介绍一个用css3径向渐...

CSS实现单行、多行文本溢出显示省略号(…)

pen 发布于 2016-11-03

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。 实现方法: [crayon-5aa2df01230ba034816937/] 效果如图: 但是这个属性只支持单行文本的溢出显示省略号...

巧用CSS3的calc()宽度计算做响应模式布局

pen 发布于 2016-11-03

因为好奇看了下人家写的代码,结果发现了这行代码, 于是就研究了一下,calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来指定元素的长度。比如说,你可以使用calc()给元素的bord...

css负边距之详解

pen 发布于 2016-11-03

自从1998年CSS2作为推荐以来,表格的使用渐渐退去,成为历史。正因为此,从那以后CSS布局成为了优雅代码的代名词。 对于所有设计师使用过的CSS概念,负边距作为最少讨论到的定位方式要记上一功。这就像是在线纹身-每个人都会做,但是没有人会谈论它。(It’s like an on...

AsyncBox iframe

昱子 发布于 2016-10-20

AsyncBox iframe 说明: 在使用 AsyncBox 的过程中也会遇到在 iframe 中调用的情况,AsyncBox 在本域跨 iframe 调用的实现上也相当简单。 调用: 父页面引用 AsyncBox 插件后,在子页面里调用插件的时候在调用 AsyncBox 或...

asyncbox html

昱子 发布于 2016-10-20

asyncbox html 窗口名: 【内容窗口框】 函数调用: 【命名空间】asyncbox.html(options); 参数配置: ————————–标识—...