實現效果:
logo在瀏覽器頁面漂浮,滑鼠覆蓋暫停,滑鼠移走繼續漂浮
效果圖:
css**如下:
#box
html的body**如下:
"box"
>
div>
jquery**如下:
(其實js的也差不多異曲同工之妙 主要是理解內部邏輯即可)
function
run()if
(gox==
false)if
(x<=0)
if(x>=winx)
if(goy==
true)if
(goy==
false)if
(y<=0)
if(y>=winy)},
100)$(
"#box").
hover
(function()
)$("#box").
mouseout
(function()
)}run(
);
若是想進一步做個類似的難一點的東西,可以參考我的另一篇文章:彈球遊戲
有建議和錯誤,歡迎指出~表示感謝!
此至 互勉~
前端 demo(天貓靜態頁面)
html樣式 喵,歡迎來天貓 請登入免費註冊 購物車收藏夾 手機版 網 商家支援 導航 搜尋 天貓會員 電器城 喵鮮生 醫藥館 營業廳 魅力惠 飛豬旅行 蘇寧易購 商品分類 當季新品 當季新品 運動戶外 測試2 女鞋 男鞋 箱包 美妝 個人護理 腕表 眼鏡 珠寶飾品 手機 數碼 電腦辦公 母嬰玩具 ...
前端頁面小bug解決
問題一 easyui使用iframe載入頁面出現非 div資訊先載入顯示情況 解決方式 在彈窗div上設定dispaly none.非彈窗div讓他延時載入 延時載入搜尋框 window.setinterval showmsg,100 function showmsg 問題二 a標籤外巢狀多層標籤,...
前端小程式頁面常用效果
var wxparse require wxparse wxparse.js var cart comm list res.comment for var i in cart comm list var cart list page.data.cart list var cart id list v...