原生javascript-圖片滾動按需加載
圖片滾動按需加載：在某個區域的圖片（自定義的范圍，一般是首屏以下的區域），拉動滾動，圖片出現在可視范圍才開始加載，目的是減少請求，減耗寬帶，提高首屏的呈現速度，讓用戶第一時間看到網頁內容，留下美好的第一印象。 講解： （一）需要按需加載的img標簽，圖片的真實地址保存到自定義的屬性里 ...
原文：原生javascript-無間縫滾動，封裝
目前支持的是豎向與橫向滾動 http: lgy. zwq.com marScroll 現在分析下無間縫實現的基本思路 豎向例子 ： HTML結構： CSS： 首先需要判斷里面的內容高度ul結構是否高於外層div marScrolll，則才進行無間縫滾動： 無間縫就是內容的無限滾動展示，那么先需要復制里面的內容，然后通過外層的scrollTop 屬性，用setInterval 函數進行循環執行 鼠標 ...
2014-01-23 11:48 4 1732 推薦指數：
相關推薦
原生javascript-圖片彈窗交互效果
本人的第一個原生js插件 - picLightBox 在線例子：http://lgy.1zwq.com/photoBox/ 【一】用var 聲明多個變量，比每個變量都用var快多了 【二】Dom事件優化，在 window.onresize時，定義個定時器 ...
原生javascript-日歷插件編寫
在線實例：http://lgy.1zwq.com/calendar/ 按照我們常用的日歷格式，是7*6的格子，所以生成格子的總數就確定為42 例子：（如：2013年8月，這個時間為例子） / ...
原生javascript滿屏上下滾動
使用到一個滾動事件：onmousewheel (不支持火狐瀏覽器) / DOMMouseScroll (支持火狐瀏覽器)；這篇代碼支持ie8以上版本，Firefox，Safari，Chrome。 每個li代表一屏內容，滾動的是div 的滾動條，根據每個li的top值，改變滾動條距離頂部 ...
原生JavaScript封裝Ajax
第一次開個人技術博客了，發的第一篇技術文章，歡迎指點…… 歡迎訪問本人的獨立博客：藍克比爾 Ajax的實現主要分為四部分： 1、創建Ajax對象 2、連接服務器 3、發送請求 4、接收返回數據 Ajax封裝函數 ...
原生javascript封裝動畫庫
****轉載自自己發表於牛人部落專欄的文章**** 一、前言 本文記錄了自己利用原生javascript構建自己的動畫庫的過程，在不斷改進的過程中，實現以下動畫效果： 針對同一個dom元素上相繼發生的動畫，針對以下功能，嘗試實現方案，（從一個元素向多個元素的拓展並不難，這里不做深入探究 ...
JavaScript-前言
目錄 前言 為什么我們要學Javascript？ Javascript還可以做什么呢？ Javascript在頁面中做了什么？ Javascript比咱們前面的HTML+CSS好學么？ 那學習Javascript，我們上來先 ...