原创 CSS3多行顯示省略號...
不用js也能控制第讓他控制第幾行省略: <span style="font-size:18px;color:#999999;">text-overflow: -o-ellipsis-lastline; overflow: hidden;
原创 背景漸變 兼容IE
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>CSS 實現元素背景漸變</title> <style> .demo { width:100%;
原创 多行文本超出 JS省略號...
(function($) { $(".first-button").on("click", function(event){ $(".first-text").ellipsis(200);
原创 Grunt學習
http://www.cnblogs.com/yexiaochai/p/3603389.html Gruntfile這個文件尤其關鍵,他一般幹兩件事情: ① 讀取package信息 ② 插件加載、註冊任務,運行任務(grunt
原创 CSS3發光字體幾種效果
<!DOCTYPE html> <html> <head> <!-- 超酷炫的CSS3發光字體,可自定義喔!!--> <meta http-equiv="Content-Type" content="text/html; charset=
原创 Sublime的SVN插件
http://www.cnblogs.com/kingwell/p/3557579.html 使用快捷方式: [alt+c] : commit current file. [alt+u] : update current file.
原创 webkit內核瀏覽器的CSS寫法
-webkit-tap-highlight-color: transparent; Mobile上點擊鏈接高亮的時候設置顏色爲透明 -webkit-user-select: none; 設置爲無法選擇文本 -webk
原创 input只能輸入文本框
<span style="font-size:18px;"><input type="number" min="1" οnkeyup="this.value=this.value.replace(/\D/, '');" class="la
原创 元素水平垂直居中【彈性佈局 || Translate】
/** * 遊戲排行版 */ .yblist { position: absolute; width: 100%; height: 100%; background: #000;
原创 CSS3 Loading效果
<!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi
原创 CSS3製作半透明邊框記得以前Facebook有段時間使用了非常多的半透明邊框(Facebox)
.wrap { width: 200px; height: 200px; border: 15px solid rgba(0,0,0,0.3);
原创 判斷一個類名或者元素是否存在的思路
<span style="font-size:18px;">if ($('.ybvideo ul').length > 0){ // code... }</span> 點贊 收藏 分享 文章舉
原创 圖片生成database 64
<!DOCTYPE html <html xmlns="http://www.w3.org/1999/xhtml" > <head> <meta http-equiv="Content-
原创 使用debug.js調試手機網頁
創作背景 手機網頁兼容性與ie相比,有過之無不及,調試的時候,我們會使用console.log,但是手機上看不到打印出來的信息。所以只好各種alert,但alert總顯得不那麼優雅。 初學js的時候就alert,現在還在各種aler
原创 戴爾一屏一屏 3D效果
http://dell.kedaibiao.cn/xps13-dino/special.html 戴爾一屏一屏 3D效果 http://www.oschina.net/news/49651/best-jquery-360-degre