模仿Parallax寫乙個簡單的視差效果

前言

之前寫專案的時候乙個需求效果是兩個元素需要有乙個視差特效，使用的是jquery的parallax外掛程式，只是為了學習一下，主要原理就是通過監聽滑鼠移動事件，來修改指定元素的left,top值。樣例如下：

**dom結構

// 希望哪個元素有視差效果，就設定clss類為parallax_item，設定data-deep值越大，移動的幅度越小

// index.js

var bigdata = 
function getdata() 
bigdata[i].id = ''
bigdata[i].old = {}
bigdata[i].deep = ''
bigdata[i].new = {}
//這裡獲取到的number型別的資料，如果是通過$(this).css('left')獲取記得轉化資料型別
bigdata[i].old.left = $(this).position().left 
bigdata[i].old.top = $(this).position().top
bigdata[i].deep = parseint($(this)[0].dataset.deep)
bigdata[i].id = $(this)[0].id
})return bigdata
}getdata()
//繫結滑鼠移動事件onmousemove,只要滑鼠移動就會不斷接受事件
$(document).mousemove(function (e) )
}}})
function getclass(classname) 

模仿乙個簡單版的SpringMVC框架

存在的問題public class classscannerutils catch exception e return clazzs 在package對應的路徑下找到所有的class public static void findclassinpackagebyfile string packag...

寫乙個簡單web程式

開發簡單 web 服務程式 cloudgo，了解 web 伺服器工作原理。熟悉 go 伺服器工作原理 基於現有 web 庫，編寫乙個簡單 web 應用類似 cloudgo。使用 curl 工具訪問 web程式 對 web 執行壓力測試 課件程式設計 web 服務程式 類似 cloudgo 應用。要求...

寫乙個簡單的迷宮

二話不說 上迷宮 include include define number 13 int fx 4 int fy 4 void prin char arr number 列印 bool work char arr number int x,int y 判斷是否可以走 bool mymap char...