原创 模擬實現鼠標滾動錨點效果
使用本案例需要引入jquery.js & jquery.mousewheel.js 插件 本案例爲了方便讀者查看效果，直接把css, js寫在html中，實際作業可分離開來。 效果示例： 以下爲完整代碼： <!DOCTYPE
2018-12-08 00:31:46
3
原创 後臺管理
開發背景 爲了更快的開展日常的營銷活動，高效的整理各類活動的共性，對模板進行統一管理 功能模塊 權限管理 用戶管理 模塊管理 獎品管理 素材管理(背景,音樂,圖片) 開發技術棧 前端頁面基於jQuery & angular 實現
2018-11-12 22:38:33
原创 132132
.cube{ position: relative; font-size: 4em; width: 50px; margin: 1.5em auto; transform-style:preserve-3d; transform:ro
2018-11-07 09:11:07
原创 canvas繪圖
https://blog.csdn.net/lecepin/article/details/53536445 思路：增加每個像素點的寬度 減少數組個數。 用另外一個數組去維護每個點的唯一。 <!DOCTYPE html> <htm
2018-09-16 23:57:12
2
原创 畫象棋棋譜
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d
2018-09-03 17:38:05
原创 圖片懶加載
<!--<!doctype html>--> <!--<html lang="en">--> <!--<head>--> <!--<meta charset="UTF-8">--> <!--<meta name="view
2018-09-03 17:38:05
原创 前端編碼規範
引言 “無規矩不成方圓”，HTML、CSS、JavaScript作爲前端開發的主要語言，也有一定的編碼規範。本文參考了各個網站的編碼規範，經過加工提煉，總結出了一套前端編碼規範，規範的基本準則如下： 符合web標準，結構表現行爲分離
2018-09-03 17:38:05
原创 css翻頁技巧
<!DOCTYPE html> <html> <head> <meta charset="gb-2312"> <title></title> <style type="text/cs
2018-09-03 17:38:05
原创 百葉窗
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery多種百葉窗風格切換焦點圖插件DEMO演示</title> <link rel="st
2018-09-03 17:38:05
原创 js自定義滾動條
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
2018-09-03 17:38:05
原创 智能提示
<!doctype html> <meta charset="utf-8"> <style type="text/css"> body { margin-left: 0px; margin-top:
2018-09-03 17:38:05
3
原创 gulp打包實現版本控制
//引入gulp和gulp插件 //var gulp = require('gulp'), //minifycss = require('gulp-minify-css'), //concat = require('gulp-concat
2018-09-03 17:38:05
原创 模擬抽獎
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> .bo
2018-09-03 17:38:05
原创 圖片移動（未完待續）
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i
2018-09-03 17:38:05