- 博客(12)
- 收藏
- 关注
原创 vue项目中如何使用字体图标
先在阿里巴巴字体图标库中找到想到的字体图标加入购物车添加到项目中,然后在vue项目中的index.html文件中引入如下图的css。然后在需要的文件中写入字体图标的类即可,如图注意:每次加入新的字体图标须更新css.
2017-08-16 14:16:31
3298
原创 jquery实现懒加载
文章参考:http://code.ciaoca.com/jquery/lazyload/上实例代码:jQuery Lazy Load 图片延迟加载 » 使用淡入动画效果 » 在线演示 - 前端开发仓库 -->
2017-08-15 15:46:38
513
原创 如何实现多行文字垂直居中
CSS中的vertical-align属性只会对拥有valign特性的(X)HTML标签起作用,但是在CSS中还有一个display属性能够模拟,所以我们可以使用这个属性来让模拟就可以使用vertical-align了。注意,display:table和display:table-cell的使用方法,前者必须设置在父元素上,后者必须设置在子元素上;附效果图:html代码:table
2016-12-02 10:42:53
424
转载 css实现左边div固定宽度,右边div自适应撑满剩下的宽度
(1)使用float class="use-float"> .use-float>div:first-child{ width:100px; float:left;}.use-float>div:last-child{ overflow:hidden;}- - - - - - - - - - - - - - -
2016-11-29 11:54:18
4653
原创 项目中如何引入新字体
做项目有时候会碰到一些电脑中没有的新的字体,这时候就需要我们下载字体并引入字体到项目中了。先在网上查找字体并下载到本地,然后把下载好的字体文件引入到项目中,如下图:然后在你的css文件中引入字体,如下图:
2016-11-10 12:00:40
4434
原创 icon-font 图标字体的使用
icon-font 图标字体的使用,方法一:可以在icomoon下载相应的图表字体,官网为:https://icomoon.io/ 进去会提供600+的免费图表,如果想要更多的图表字体可选择Icon Library;如图所示:选择好需要的图标后点击右下角的Generate Font生成图标,生成后download下来,下载好的文件会包含fonts文件夹和css文件、demo.
2016-11-09 11:02:31
5817
转载 jQuery 倒计时 天、时、分、秒倒计时
感谢道友分享,文章来源:http://www.zztuku.com/JS/Times/20130330_8422.html贴代码:jquery版的网页倒计时效果 .time-item strong{background:#C71C60;color:#fff;line-height:49px;font-size:36px;font-family:Aria
2016-11-08 12:01:06
733
转载 Js暂停倒数参考案例
感谢道友文章:http://www.zztuku.com/JS/Times/20130104_5550.html贴代码:body,div{margin:0;padding:0;}body{color:#fff;font:16px/1.5;}#down_wwwzzjsnet{width:300px;text-align:center;backgroun
2016-11-08 11:45:59
293
原创 echarts图表制作
一般的图表(除地图)可看文档,按照文档制作即可:http://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts地图:地图的制作需要先引入相应地图的js文件,或json文件,地图下载地址:http://echarts.baidu.com/download-map.htm
2016-11-07 14:31:11
406
原创 angular中如何使用ng-class实现当前元素的变色
涉及的知识点包括angular中的ng-class和ng-click指令,还有三目运算,其中有自己遇到的一个坑,详细讲坑。 .yea{color: red;}.no{color:yellow;}按钮变色按钮一按钮二 angular.module("myApp",[]) //必须注
2016-11-04 11:16:48
3901
1
原创 如何实现input输入时和值为空时的状态变化
下面以一段代码进行演示,其中涉及的知识点为angular的element元素(angular中jqLite的写法)和angular中的$watch事件。 $apply()、$timeout()、$watch()单价:{{order.price}}
2016-11-04 10:52:17
3498
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人