原创 select option居中，右對齊方法。
<select class="last_center"> <option>微信/QQ/Twitter/Facebook</option> <option>微信</option> <option>QQ</optio
2019-07-30 01:29:56
原创 svg線性波浪效果
<svg style="background: #E6B112;width: 100%;" width="1600" height="156" viewBox="0 0 1600 156" fill="none" xmlns="h
2019-06-21 03:02:17
原创 svg線性動畫 底部波浪式
<svg style="background: #E6B112;" width="1600" height="156" viewBox="0 0 1600 156" fill="none" xmlns="http://www.w3
2019-06-20 04:32:51
原创 手風琴+tab選項卡切換相結合效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery實現導航欄</title> <script src="
2019-06-20 04:32:51
2
原创 判斷滾動到第幾個div
onload = function () { //////初始化 scrollToLocation(); }; function scrollToLocation() { var mainContainer =
2019-05-10 12:57:58
原创 文字滾動水平方向
css: *{margin: 0;padding: 0;} .yhq_318_text{width: 900px;height: 50px;background:rgba(255,233,188,1);border-radius:25
2019-03-12 23:39:14
原创 當滾動條滾動到指定位置時元素顯示隱藏
$(document).scroll(function(){ var scrTop = $(window).scrollTop(); var n_t = $('body').height() * 500;
2019-01-26 14:00:23
2
原创 文字無縫滾動
css: .sds_zjmd{width: 420px;height: 168px;border:1px solid #AB1E2E;margin: 0 auto;margin-top: 30px;} .sds_right_p4{fo
2018-12-01 00:02:19
原创 超簡單jq錨點動畫效果+返回頂部
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/reset.
2018-12-01 00:02:18
1
原创 懸浮導航
//首先獲取導航欄距離瀏覽器頂部的高度 var top = $('.bukacn_center_main').offset().top; //開始監控滾動欄scroll $(document).scr
2018-11-28 13:08:06
原创 判斷mac電腦系統和"Safari"and"Chrome"
var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh
2018-11-28 13:08:06
1
原创 mobile端一鍵複製
想要完整版留下郵箱打包發送 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>target-input</title>
2018-10-20 04:37:05
1
原创 鼠標單擊爆炸特效
html: <canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;"></canvas>
2018-10-13 04:08:55
原创 console.log寫樣式
js: window.onload = function () { console.log("%c秋名山上行人稀，常有車手較高低。\n如今車道依舊在，不見當年老司機！"," color:#000;font-weight:
2018-10-10 04:09:09
3
原创 網站運行時間統計
html: <span id="span_dt_dt"></span> js: <script> function show_date_time() { window.setTimeout("show_dat
2018-10-10 04:09:09
3