原生javascript-圖片滾動按需加載
圖片滾動按需加載：在某個區域的圖片（自定義的范圍，一般是首屏以下的區域），拉動滾動，圖片出現在可視范圍才開始加載，目的是減少請求，減耗寬帶，提高首屏的呈現速度，讓用戶第一時間看到網頁內容，留下美好的第一印象。 講解： （一）需要按需加載的img標簽，圖片的真實地址保存到自定義的屬性里 ...
原文：原生javascript-圖片彈窗交互效果
本人的第一個原生js插件 picLightBox 在線例子：http: lgy. zwq.com photoBox 一 用var 聲明多個變量，比每個變量都用var快多了 二 Dom事件優化，在 window.onresize時，定義個定時器,setTimeout，可以防止事件頻繁調用 三 圖片加載的處理函數 源代碼： ...
2013-07-07 20:10 8 2022 推薦指數：
相關推薦
原生Javascript實現圖片輪播效果
首先引入js運動框架 然后寫輪播小案例 最終效果如下圖，可實現鼠標翻頁，鼠標懸停后停止輪播， ...
原生javascript-無間縫滾動，封裝
目前支持的是豎向與橫向滾動 http://lgy.1zwq.com/marScroll/ 現在分析下無間縫實現的基本思路（豎向例子）： HTML結構： CSS： ...
原生javascript-日歷插件編寫
在線實例：http://lgy.1zwq.com/calendar/ 按照我們常用的日歷格式，是7*6的格子，所以生成格子的總數就確定為42 例子：（如：2013年8月，這個時間為例子） / ...
JavaScript-百度換膚效果
前端JavaScript小案例——百度換膚效果 話不多說直接給大家上代碼： HTML結構部分： CSS樣式部分： JavaScript行為代碼部分： 運行效果： 點擊了哪張圖片該圖片就會被設置為body的背景圖片，實現了點擊給頁面 ...
JavaScript-瀏覽器的三種彈窗方式
在做網頁時，常常使用彈窗，以上就是瀏覽器的三種彈窗方式， 1： alert 在測試時常用 2： confirm 可以套用if...else 來用 ，比如 ：confirm點擊了確定做什么事情，點擊了取消又做什么事情 3： prompt 彈窗輸入 ； 可以給網頁 ...