原创 call()、apply()、bind()總結
1、call() 調用這個函數並修改函數運行時的this指向。 fun.call(thisArg,arg1,arg2,,,) 參數：thisArg：當前調用函數this的指向對象； arg1,arg2：傳遞的其它
2019-08-28 18:07:29
原创 JavaScript實現小人兒跟隨鼠標效果
練手：JavaScript實現小人兒跟隨鼠標小效果。 小人兒圖片（隨意圖片）： 分析： 1、圖片應該使用絕對定位。 2、需要用到 mousemove 鼠標事件。 3、需要得到鼠標相對於瀏覽器窗口可視區的 X 和 Y 座標來改
2019-08-09 09:45:41
1
原创 JavaScript實現側邊廣告效果
用JavaScript實現了一個小效果：滑動頁面，側邊廣告一起滑動一定距離，返回原來位置。 HTML： <div id="aside"> <img src="./images/float.jpg" alt=""> </
2019-08-02 09:44:28
1
原创 JavaScript 實現導航吸頂
JavaScript實現小效果：導航吸頂，當滾動一定距離時，導航固定在頂部。 HTML： <header id="head"> <img src="./images/top.png" alt=""> </head
2019-08-01 09:40:06
原创 css+jQuery實現頁面返回頂部
用css和jQuery實現了一個頁面返回頂部的功能：當頁面滑動到一定距離，出現返回頂部的標誌，點擊後快速滑動返回頁面頂部。 效果預覽： 思路： 在頁面頂部時沒有返回頂部標誌，頁面滑動一定距離標誌出現。這裏需要用到 scroll() 方法
2019-03-23 17:35:01
原创 css 顏色
光色的三原色如圖： 紅 + 綠 = 黃 綠 + 藍 = 天藍 藍 + 紅 = 紫 css中顏色的表示方法有幾種： 顏色值爲顏色名稱的顏色（比如 red） 顏色值爲十六進制值的顏色
2019-03-23 09:37:37
原创 css動畫+jQuery實現氣泡背景
寫了一個動態背景：漸變背景色下移，氣泡上移。 預覽： 實現思路： 1、先實現漸變背景：將背景色設爲漸變（注意設置首尾顏色相同，否則動畫時會出現明顯分界線） background:linear-gradient(to bot
2019-03-20 09:42:09
119
原创 各種按鈕樣式
用css寫了幾個按鈕樣式：靜態的，不可編輯的，立體的，圓角的，膠囊狀的，動態效果的樣式。 效果預覽（錄屏保存後有點抖動，稍微有點影響最後兩個效果）： 要寫按鈕樣式首先要去除按鈕默認樣式： 1、更改背景 background ； 2、去除
2019-03-18 09:11:48
24
原创 css點擊動畫
做了一個點擊出現水紋的css動畫效果。 效果預覽： HTML： <div id="star"> <em id="cir"></em> <em class="em1"></em> <em class="em2"></em> <
2019-03-17 09:28:50
1
原创 px，em，rem的區別
在分析px，em，rem的區別前，我們首先要知道——所有瀏覽器的默認字體高度爲16px。 1、px px是指像素，相對於顯示器屏幕分辨率，是固定的值。 2、em em是相對父元素的長度單位。 當沒有自己設定父元素，則默認相對HTML根元素
2019-03-14 16:55:14
原创 html5的canvas 畫西瓜
這幾天在學HTML5，練習canvas畫了半個西瓜。 畫的西瓜分爲“瓜子”，“瓜肉”，“白瓜肉”，“瓜皮”。 效果圖： 注意的地方是： 1.瓜肉與瓜皮之間有白色瓜肉，使用 stroke() 方法，但直接畫上白色會顯得死板，所以給 str
2019-01-26 13:29:26
原创 可展開收起效果的網站提示框
分別用JavaScript和jQuery寫了滑動效果的網站提示。 用jQuery很簡單，用 animate() 方法就可以了。 用JavaScript稍微複雜一點，需要用到定時器實現動畫效果，並且要考慮到鼠標多次移入“提示”時會開啓多個定
2019-01-21 13:37:18
原创 導航欄
用JavaScript和jQuery寫了一個導航欄，後面會慢慢加上新的樣式。 樣式： HTML： <div id="topnav"> <ul class="logo"><li><a href="javascript:void(0
2019-01-19 14:29:17
原创 購物車加減按鈕
分別用JavaScript，jQuery和vue做了一個簡單的購物車加減按鈕部分。 HTML： <ul class="counter"> <li id="minus"><input type="button" onclick="min
2019-01-16 16:08:18
560
原创 圖片上傳顯示效果
在網頁中顯示多張圖片，並且 width 用百分比佈局，高度隨內容擴展，每張圖片的長寬不一，如何達到一個比較好的顯示效果呢？ 我是打算每張圖片以正方形排列，問題是每張圖片的長寬不一，若固定大小顯示就會拉扯。 解決方法：用<ul><li>，固
2019-01-16 16:08:18