原创 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