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