原创 利用js實現下拉菜單效果

這個模塊在實際開發中也是經常會用到的,所以讓我們一起學起來把 成果圖展示 鼠標移動到某一個模塊上就會顯示下拉菜單,在後續的開發中自己可以根據實際情況添加各種樣式和鏈接,我這裏只是做了基礎的功能配置 代碼展示 -------cs

原创 對js構造函數,原型對象和原型的理解(2)

上篇文章我們說到了 我sing方法已經放到了Star的原型對象prototype身上了,可是我zs,ls這兩個實例沒有這個方法,爲什麼還能訪問得到? function Star(name, age) { t

原创 es6變量聲明.let和const的理解

變量聲明 在JavaScript中聲明變量有三個關鍵字 var是最原始的,那就不必多說了,現在主要說的是let和const這兩個關鍵字來聲明變量和var有何不同 let 應用:在業務邏輯很複雜的時候,可以防止內層變量覆蓋外層變量

原创 JS 固定右側側邊欄案例

1.頁面滾動到一定位置.側邊欄改爲固定定位. 2.頁面繼續滾動,會讓返回頂部盒子顯示出來. <div class="boxs"> <div class="boxo">放回頂部</div> </div>

原创 js輪播圖,純源碼

最近也是在學js所以就做了個輪播圖來玩玩 CSS------------------- * { padding: 0; margin: 0; } .box img { width: 700px;

原创 構造函數,實例,原型對象之間的關係和原型鏈(4)

看圖 1. 2. 每個構造函數都有一個原型對象,通過構造函數prototype指向我們的原型對象. 3. 在原型對象裏面有一個constructor屬性,通過這個屬性指回了構造函數 4. 我們可以通構造函數new一個zs對象實例

原创 jQuery發佈微博案例

主要功能 1,點擊發布,動態創建 li 元素 , 獲取textarea的值,添加到 li 中去. 也動態創建了 a ,主要用來刪除操作 2,給 a 元素,綁定點擊操作,點擊之後把當前的 l i 刪除. 代碼 <div clas

原创 jQuery實現todolist網頁功能

今天,我用本地存儲功能,實現了todolist頁面 核心原理獲取用戶輸入的數據–保存到本地存儲–再渲染到頁面上 $(function() { load(); // 1,按下回車,把完整的數據

原创 jQuery尺寸.位置操作

jQuery尺寸 width( ) / height( ) 獲取元素的寬度和高度, 只算width / height innerWidth( ) / innerHeight( ) 獲取元素的寬度和高度, 包含padding out

原创 JS的元素偏移量offset.元素可視區client.元素滾動scroll.的作用及其區別

1.元素偏移量offset; 我們可以使用offset系列相關屬性可以動態的得到元素的位置(偏移).大小等… element.offsetParent; 返回的是該元素的帶有定位的父級元素,如果父級沒有定位就返回body.

原创 jQuery實現電梯導航效果

原理 每個盒子的索引值和每個按鈕的索引一一對應,然後運動到相對應的盒子上 也就是scrollTop的值 成果圖 <style> .box2 { position: relative;

原创 js+nodejs+ajax登錄註冊表單驗證

自制登錄註冊表單驗證一.用到的一些東西登錄模塊註冊模塊遇到的問題Error 1: Cannot set headers after they are sent to the clientError 2 在sql.js裏,for循環