前端工程师 - 随笔分类 - chen110xi

Bootstrap 模态对话框只加载一次 remote 数据的解决办法

摘要：前端框架 Bootstrap 的模态对话框，可以使用 remote 选项指定一个 URL，这样对话框在第一次弹出的时候就会自动从这个地址加载数据到 .modal-body 中，但是它只会加载一次，不过通过在事件中调用 removeData() 方法可以解决这个问题。Bootstrapmodalsdi... 阅读全文

posted @ 2016-01-08 23:52 chen110xi 阅读(209) 评论(0) 推荐(0) 编辑

在Visual Studio 2013顯示SCSS詳細錯誤訊息

摘要：在WebEssentials套件加持之下，Visual Studio 2013可以直接編修SCSS，每次存檔自動編譯出css、min.css及.map，非常方便。但初心者如我，寫錯語法在所難免，一旦造成SCSS無法編譯，Output視窗只會看到somethine went wrong、compila... 阅读全文

posted @ 2015-09-24 10:12 chen110xi 阅读(313) 评论(0) 推荐(0) 编辑

Modernizr.js入门指南(HTML5&CSS3浏览器兼容插件)

摘要：HTML5 和 CSS3 的快速发展，给我们带来了极大的便利，比如从此再也不用花费大量的时间只是为了设计一个圆角的效果。但是！我们不能像控制机器一样来控制所有的人都一夜之间升级到现代浏览器，因为那些不够现代的浏览器诞生之时，HTML5和CSS3尚未被正式推出。于是，我们的问题来了：针对那些不支持... 阅读全文

posted @ 2015-06-18 10:53 chen110xi 阅读(506) 评论(0) 推荐(0) 编辑

Waves：类Material Design 的圆形波浪（涟漪）点击特效插件

摘要：Google Material Design 相信你也了解不少了，但目前无论是应用端还是网页端，可参考案例尚少。本着补充《Material Design 一些相关中文资料/资源收集汇总》一文的目的，介绍一款类Google Material Design 的圆形波浪（涟漪）点击特效插件Waves。Go... 阅读全文

posted @ 2015-06-18 10:37 chen110xi 阅读(1473) 评论(0) 推荐(0) 编辑

多种css3时尚侧栏菜单展开显示效果Off-Canvas Menu Effects

摘要：今天我们想分享多种css3时尚侧栏菜单展开显示效果。侧边栏应用广泛，我们之前已经产生了一些效果灵感。风格演变，今天我们要展示一套新的灵感的现代效果。不同的布局和菜单的同步转换和页面可以让一切看起来更有趣，我们可以利用的侧面菜单和控制的可用空间。 SVG可以让我们有机会玩形状，并添加了一些意想不到的时... 阅读全文

posted @ 2015-06-18 10:34 chen110xi 阅读(510) 评论(0) 推荐(0) 编辑

iOS 复选框风格转换 Switchery 开关效果

摘要：Switchery 是个简单的 JavaScript 组件，只要几个简单的步骤就可以帮助用户把默认的 HTML 复选框转换成漂亮 iOS 7 样式风格。用户可以很方便的自定义这种转换，所以可以很好的配合你的设计风格。支持的现代浏览器：Chrome, Firefox, Opera, Safari, I... 阅读全文

posted @ 2015-06-18 10:28 chen110xi 阅读(859) 评论(0) 推荐(0) 编辑

插件五之滚动条jquery.slimscroll.js

摘要：前言slimscroll.js用于模拟传统的浏览器滚动条(竖向),原理为原内容内置于一个仅可视区域显示层,使用2个div层用于模拟滚动条和滚动条背景轨道监听滚动条div高度变化来控制内容层位置(猜测),可自定义滚动条颜色,其轨迹(背景颜色),宽度,位置,滚动阀值,与容器的padding值等~使用中依... 阅读全文

posted @ 2015-06-18 10:23 chen110xi 阅读(7609) 评论(0) 推荐(0) 编辑

jQuery全屏滚动插件fullPage.js

摘要：67891011简介fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站。如今我们经常能见到全屏网站，尤其是国外网站。这些网站用几幅很大的图片或色块做背景，再添加一些简单的内容，显得格外的高端大气上档次。比如 iPhone 5C 的介绍页面（查看），QQ浏览... 阅读全文

posted @ 2015-06-18 10:16 chen110xi 阅读(328) 评论(0) 推荐(0) 编辑

jQuery遮罩插件jQuery.blockUI.js简介

摘要：利用Jquery.blockui.js创建可拖动、自定义内容的弹出层利用Jquery.blockui.js创建可拖动、自定义内容的弹出层目标：1 . 弹出层的内容可以自定义任意的HTML元素，不仅仅只显示一行文本。2 . 弹出层可以拖动，这样不会遮挡后面的内容。效果见下图：需要文件：J... 阅读全文

posted @ 2015-06-18 10:11 chen110xi 阅读(514) 评论(0) 推荐(0) 编辑

JavaScript/jQuery 表单美化插件小结

摘要：Niceforms Niceforms是一款独立的表单美化工具，当前版本为2.0 官方主页：http://www.emblematiq.com/lab/niceforms/ 官方演示：http://www.emblematiq.com/lab/niceforms/demo/niceforms.htm... 阅读全文

posted @ 2015-06-18 09:53 chen110xi 阅读(323) 评论(0) 推荐(0) 编辑

插件二之页面加载进度条pace.js

摘要：关于pace.jspace.js包含14样式,每种样式可以自定义颜色,官方下载中提供了几种颜色的主题,使用方式也很简单,引入pace的js文件跟所需样式文件即可各样式ie下兼容要求barber条状ie8+ -->数字型ie9+ -->落地球ie10+ -->花型ie10+ -->翻转型ie10+ -... 阅读全文

posted @ 2015-06-18 09:49 chen110xi 阅读(1290) 评论(0) 推荐(0) 编辑

使用 Google Fonts 为网页添加美观字体

摘要：前言文字是网页中很重要的组成部分。为文字选择一个合适的字体，能够更好的展现一个网站的个性，表达所要传递的信息，同时吸引用户来产生兴趣。说到字体，我们首先会想到 CSS 里面的 font，例如： some text在这段 HTML 代码中为标签定义了字体，当浏览器解析some text标... 阅读全文

posted @ 2015-06-18 09:46 chen110xi 阅读(846) 评论(0) 推荐(0) 编辑

随笔分类 - 前端工程师

搜索

常用链接

我的标签

随笔分类

随笔档案

阅读排行榜

评论排行榜

推荐排行榜

最新评论