原创 css3圍繞圓形旋轉思路
http://codepen.io/tianzi77/pen/yNWYMO http://codepen.io/tianzi77/pen/bdydwK 供參考
2020-02-25 06:54:26
原创 javascript的簡單邏輯題目
ps：純屬練習邏輯，項目開發中實際用處不大，老鳥飄過。 題目1：求一個數組的最大ji數和最小偶數，並返回他們的和，如果一個數不存在則返回null。 方法1： function evenOdd(arr){
2020-02-25 06:54:26
1
原创 css讓footer永遠保持在頁面底部
案例1：只保存在頁面底部，不固定。 思路： html： <div class="body"> <header>我是頭部</header> <div class="content">我是內容</div> </div
2020-02-25 06:54:26
原创 css大會網站頂部的一個特效
看到http://css.w3ctech.com/ 上一個效果覺得挺讚的。 然後學些了一下。 demo地址：http://codepen.io/tianzi77/pen/mJaLWq html結構很簡單，就是一個p，2個span
2020-02-25 06:54:26
原创 可動態切換日曆demo
demo地址：http://codepen.io/tianzi77/pen/vOQbPY 看別人的demo.自己也嘗試寫了一下；小日曆。 結構： <div id="calendar" name="calendar">
2020-02-25 06:54:26
原创 滑動的導航，背景圖片或者邊框滑動效果
滑動都是一個道理。 主要就是根據當前滑塊的位置計算出要移動的距離。 可能也算一個小小的算法把 我覺得這是核心。 function setSlider(i) { $(slider).width(arra
2018-08-22 08:44:07
1
原创 機票去程返程的切換效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <meta content="wid
2018-08-22 08:44:07
1
原创 bfc的一些應用
好久在這裏寫文章了， 談談bfc吧。概念什麼的就不說了。 很簡單的一個東西，在佈局的時候確實真的很有用處的。 寫了個列子http://codepen.io/tianzi77/pen/MKwLpr <!DOCTYPE html> <
2018-08-22 08:44:07
2
原创 無限滾動js
封裝成一個jq插件： (function($){ $.fn.myScroll = function(options){ //默認配置 var defaults = { speed:40, //滾動
2018-08-22 08:43:54
原创 jquery的一些學習心得總結
自己對jquery的學習總結 jq的設計思想： 模擬css選擇元素$('div') $('.div') $('#div') 獨有的表達式選擇 $('div:first') $('div:even') 多種篩選方法 jq寫法： 方法
2018-08-22 08:43:54
2
原创 騰訊觀看高清視頻的方法
https://v.qq.com/x/page/y0539nxjptf.html y0539nxjptf爲iframe中的vid，這樣就可以選擇觀看的清晰度
2018-08-22 08:43:54
原创 js模擬網頁進度加載。
這個小玩意用於h5上的模擬加載還是可以，就是打開的時候模擬正在加載。但是實際項目中並不一定準確。因爲並沒有真實請求，慎用！ #p{ width: 100%; height: 100%;
2018-08-22 08:43:54
原创 手風琴切換的效果
2016第一遍文字，寫寫這玩意玩一下 demo: http://codepen.io/tianzi77/full/eJoaww 代碼都不想上了，裏面都有。更多是樣式的細節與寬度的計算。還有一些動畫切換的效果。 收筆下班。哈哈哈
2018-08-22 08:43:53
2
原创 玩玩斜線導航
很多網站採用怪異的導航，看起來很酷，斜線導航就是一種。 demo見：http://codepen.io/tianzi77/pen/bVNvpq <ul id="nav"> <li id="nav-1"><a hr
2018-08-22 08:43:53
原创 pptv首頁導航效果
週末閒時打開pptv看直播，然後發現它的導航改版了，還是比較酷的。出於對同行對熱愛，自己也試着實現了一下： demo：http://output.jsbin.com/pomimajidu pptv效果：www.pptv.com html
2018-08-22 08:43:51