原创 10個幫你減少CSS佔系統資源的方法
1)0 像素邊框。很多時候,當我們寫樣式,無邊框都喜歡用 border:0; 來實現,但或許您並不知道,border:0; 只是定義邊框寬度爲零
原创 css word-wrap
word-wrap : normal | break-word 參數: norm(wWw.AlonelY.coM.cn)al : 允許內容頂開指
原创 js無縫滾動
js無縫滾動:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin: 0;p
原创 js獲取日期
js獲取日期:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div><sp
原创 HTML5的新特性
簡潔的DOCTYPE:HTML5 只有一個簡單的文檔類型:<!DOCTYPE html>。它不使用版本,因此該文檔類型適用所有版本的HTML。簡單易記的語言標籤:你並不需要在<html> 中使用xmlns 或xml:lang標記。<html
原创 JS正則表達式:全文單詞首字母大寫
JS正則表達式:全文單詞首字母大寫function ReplaceFirstUper(str) { str = str.toLowerCase(); return str.replace(/\b(\w
原创 Vue6_計算屬性computed
Vue6_計算屬性computed:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <scrip
原创 css3星際動畫
css3星際動畫:<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8" /> <title>星戰動畫片</title> <style> * { -khtml-box-sizing: b
原创 JQUERY圖片循環滾動
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>JQUERY圖片循環
原创 HTML超鏈接和表單
1.超鏈接作用:頁面間導航語法:<a href="目標地址" target="打開方式">超鏈接的文字|圖片</a>(1)頁面間鏈接 ——應用於頁面導航(2)錨鏈接 ——使用name屬性和#,常用於頁面中,頁面間
原创 CSS鼠標經過時顯示
CSS鼠標經過時顯示:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>純CSS Tooltips(鼠標經過時顯示)</title> <styl
原创 HTML5的新特性
簡潔的DOCTYPE:HTML5 只有一個簡單的文檔類型:<!DOCTYPE html>。它不使用版本,因此該文檔類型適用所有版本的HTML。簡單易記的語言標籤:你並不需要在<html> 中使用xmlns 或xml:lang標記。<html
原创 網頁縮放zoom用法
網頁縮放zoom用法:function zoomhtml(){ var wid=$(window).width(),len; if(wid<1600){
原创 tab切換——點擊
tab切換——點擊<!doctype html> <html lang="'en"> <head> <meta charset="UTF-8"> <title>Tab切換-自動</title> </head> <style> *{ma
原创 js多個小球的運動
js多個小球的運動<!DOCTYPE html> <html> <head> <style type="text/css"> *{ margin: 0;padding: 0; } .box{