原创 CSS垂直水平居中多種方案實現

方案一缺點:嵌套層級深  將父級元素設置爲display:table;  內層元素設置爲display:table-cell;<!DOCTYPE html> <html lang="zh-CN"> <head> <meta cha

原创 CSS引入外部字體文件

引入:@font-face { font-family: RTWSYueRoudGoDemo-Regular; /*這裏是說明調用來的字體名字*/ src: url("../fonts/RTWSYueRoudGoDem

原创 CSS Resets

/*========== RESETS ==========*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, bloc

原创 配置xmpp

第一步: 修改hosts文件:打開 C:\Windows\System32\drivers\etc\hosts ,在最後面添加 127.0.0.1 www.index.loc 第二步:   修改 httpd-vhosts.conf 文

原创 meta標籤總結

meta標籤屬性: 可選: http-equiv // 把content屬性關聯到HTTP頭部 name // 把content屬性關聯到一個名稱 scheme // 定義用於翻譯content屬性值的格式 必選: content /

原创 實現手機號344格式輸入:000 0000 0000

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device

原创 解決ios點擊元素後出現陰影或閃爍的問題

只需要添加css: -webkit-tap-highlight-color: transparent;

原创 css3動畫實現loading

html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de

原创 js 判斷iPhone|iPad|iPod|iOS|Android客戶端

if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //alert(navigator.userAgent); window.location.hre

原创 jQuery實現輪播廣告

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic

原创 CSS隱藏滾動欄

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-

原创 js控制img自適應父元素

function autoImg(img_select, img_url) { //img元素 var img_element = $(img_select);

原创 div邊框css動畫

效果: css: .wrap{ width:840px; margin:50px auto; height:300px; } .

原创 JS常用正則表達式

轉載自:https://funteas.com/topic/592f828e572bfb9c4d965ab01 用戶名正則//用戶名正則,4到16位(字母,數字,下劃線,減號)var uPattern = /^[a-zA-Z0-9_-]{