原创 輸入框placeholder字體

CSS: input[type="text"]::-webkit-input-placeholder{color:red;opacity:1;}/* WebKit browsers */ input[type="text"]:-m

原创 讓jquery.tmpl支持序號${index}

將jquery.tmpl.js以下代碼(大概148行) jQuery.map( data, function( dataItem ) { 改爲 jQuery.map( data, function( dataItem, index

原创 國內免費git倉庫及git lfs大文件存儲方案 (LFS)使用

Git LFS 全名 Git Large File Storage,是Github帶頭在2015年推出的解決方案。 Git倉庫大了怎麼辦? 文件大了不敢放? 音視頻擔心佔用空間? GitHub拉代碼慢? 順手廣告目前國內的2款免

原创 如何使用字體圖標或者自定義字體(純文字)

什麼是@font-face,以及在css當中如何使用 @ font-face的是一個CSS規則,允許你輸入自己的字體出現在網站上,即使在特定的字體在訪問者的計算機上沒有安裝。這條規則最重要的是,它爲設計師打開了一個全新的世界。您可

原创 搜索框簡易處理方式

如圖: 要做一個由1 2 3部分組成的搜索框,可以參考一下代碼: PS:核心計算 .search_box .result的width(120px)等於 .search_box input.search_input的padding

原创 js截取n個字符(中文爲2個字符)

使用方法: ddd我要截取5個字符”.subCHStr(0, 5) //將字符串拆成字符,並存到數組中 String.prototype.strToCharsCH = function(){ var chars = n

原创 滾動條美化/自定義滾動條

寫在前面: 由於用的是css3,所以只有在支持css3的瀏覽器下才有效; 目前支持WebKit內核的瀏覽器(例如chrome,部分手機瀏覽器)自定義; 如果考慮兼容性,可以使用js處理。 去掉滾動條 ::-webkit-scro

原创 動態生成選項卡Tabs

寫在前面: EasyUI裏的選項卡Tabs功能已經非常完善。大致包含: - 基礎選項卡 - 固定選項卡寬度 - 流式選項卡 - 帶圖片的選項卡 - 選項卡嵌套 - 選項卡工具組 - 帶下拉菜單的選項卡 - 高度自適應選項卡 -

原创 js常用正則表達式

整數或者小數:^[0-9]+\.{0,1}[0-9]{0,2}$ 只能輸入數字:"^[0-9]*$"。 只能輸入n位的數字:"^\d{n}$"。 只能輸入至少n位的數字:"^\d{n,}$"。 只能輸入m~n位的數字:。"^\d{

原创 Js中apply與call的區別與用法

解析: apply與call是更改對象的內部指針,即改變對象的this指向的內容。 call與apply的第一個參數都是要傳入給當前對象的對象,及函數內部的this。後面的參數都是傳遞給當前對象的參數。 參數區別: apply傳

原创 讓你的的搜索結果不一樣,關於豐富網頁摘要,微數據標記的一些分享

我們通過微數據標記,對特定內容結構化數據,這樣可幫助 Google 瞭解我們網站上的內容,它可以用來在搜索結果中顯示豐富網頁摘要。 搜索結果的顯示內容

原创 JS實現子元素scroll父元素容器不跟隨滾動

$.fn.scrollUnique = function() { return $(this).each(function() { var eventType = 'mousewheel';

原创 讓彈出層始終顯示在屏幕正中間

一、block元素相對於父級居中: 給該元素設置寬高(如果被內部元素撐開,也可不寫);然後設置樣式margin:0 auto; 二、inline元素相對於父級居中: 給父級元素設置樣式:text-align:center; 三

原创 含有間距的td處理方式

含有間距的td處理方式: 一、如圖: 二、html: <table cellpadding="0" cellspacing="0" class="score_point"> <tr class="th">

原创 無縫滾動和輪播

一、寫在前面 無縫滾動和輪播都是循環的執行翻頁或者位移操作 一般無縫運行的時間間隔較小(50ms),輪播2-3s 二、無縫滾動 核心: 視窗的scrollTop或margin-top小於它的高度的時候,一直往上移,els