原创 百度地圖api v1.0多座標點(懶得申請密鑰版)

<!--引用百度地圖API--> <style type="text/css"> html,body{margin:0;padding:0;} .iw_poi_title {color:#CC5522;font-size

原创 js事件代理

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>js事件代理</title> <style type="text/css"> p

原创 Masonry JS瀑布流佈局

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Masonry JS瀑布流佈局</title> <style> li{list-style:none;} u

原创 JS圖片加載完畢事件 & 圖片等比縮放 兼容全部瀏覽器

var img = new Image(); img.src = =$('img').attr("src"); if(img.complete){ loadpic(); }else{ img.onload = loadpic; }

原创 讓頁面滾動平滑

來源:https://www.zhangxinxu.com/wordpress/2018/10/scroll-behavior-scrollintoview-%E5%B9%B3%E6%BB%91%E6%BB%9A%E5%8A%A8/com

原创 原生JS與jQuery操作DOM對比

原文https://github.com/nefe/You-D... 原生JS與jQuery操作DOM對比 You Don't Need jQuery 前端發展很快,現代瀏覽器原生 API 已經足夠好用。我們並不需要爲了操作 DOM、Ev

原创 web端樹狀菜單(支持無線下級分類+修改+新增+刪除)

  DEMO下載:https://download.csdn.net/download/zhi_jie/10825201  一開始在onethink後臺裏看到的,發現只能展開到3級菜單,經過我一通修改,可以無限下級分類的菜單了 ,可以實時

原创 div垂直居中(全兼容ie6+)

忘記從哪裏借鑑的了,直接貼上: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>全兼容垂直居中</title> <style typ

原创 拋物線動畫-加入購物車的小球

聲明:demo轉自https://www.zhangxinxu.com/wordpress/2013/12/javascript-js-%E5%85%83%E7%B4%A0-%E6%8A%9B%E7%89%A9%E7%BA%BF-%E8%

原创 圖片拖拽排序與拖拽刪除

轉自:https://www.zhangxinxu.com/wordpress/2016/11/html5-drag-drop-module-insert-sort-delete-demo/ 代碼基於jQuery編寫,可以省點事件。另外

原创 點擊返回頂部JS

轉自:https://www.zhangxinxu.com/wordpress/2017/01/share-a-animation-algorithm-js/  //代碼核心 Math.easeout = function (A, B,

原创 【麪包屑】可根據文字大小變化尺寸-兼容主流瀏覽器及ie8+

 最終樣子:   <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>麪包屑</title> <style type="text/css

原创 Away 3D實現360度全景圖的二種全景圖.

01:觸發3D代碼運行的Cover.as類   [c-sharp] view plaincopy package   {       import flash.display.Bitmap;       i

原创 table表格多層嵌套table採坑!(重複描邊兼容問題)

你肯定會說table還要解決兼容問題,你搞笑啊~~ 是的,一開始我也會這樣說,但那是在只有一個table狀況下,咋折騰都沒問題,直到有一天。。。 先說說爲什麼要嵌套table,常規情況下我們用一個table就能解決問題,拆分及合併單元

原创 不限內容塊尺寸的兩端對齊流式佈局--全兼容ie6+

預覽:作用:常用於佈局時內部元素尺寸不固定,但又想整體對齊時。我們常常使用float:left;時會發生高度不一致導致下一行的排版錯位。使用text-justify佈局可以解決這個問題,當然內部元素只能是inline-block或inli