原创 ckeckbox全選/反選

Checkbox 對象的屬性 accessKey 設置或返回訪問 checkbox 的快捷鍵。 alt 設置或返回不支持 checkbox 時顯示的替代文本。 checked 設置或返回 checkbox 是否應被選中。

原创 jquery全解(1)

本章內容 1.jquery語法 jquery的使用 在<head></head>裏引用jquery.js <!DOCTYPE html> <html lang="en"> <head> <!-- 引用jquery

原创 jquery全解(2)

本章內容: 1.jquery 添加 和 刪除 2.jquery添加刪除和切換類、操作類屬性 3.jquery 尺寸獲取 與遍歷 4.jquery的index()的使用 1.jquery添加和刪除 先解釋下什麼是內部結尾

原创 Js "!!"的作用

的作用 “!!”的作用 用!!可以把一個任意類型的值轉換爲布爾類型; 一個!是取非 再一個!又取非 相當於把這個數據轉換爲boolen類型; var c={"flag":true} var x=!!c.flag; c

原创 使div水平、垂直居中

將要設置居中的元素上 、右、下、左 都設爲0,再將margin值設爲水平垂直居中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

原创 清除浮動的原理和方法

浮動元素容器的clearing問題 1. 問題的由來 有這樣一種情形:在一個容器(container)中,有兩個浮動的子元素。

原创 解決ios局部滾動不流暢以及出界(黑)和鍵盤定製

全局滾動:滾動條在body節點或更頂層 幾部滾動:滾動條在body下的某個dom節點上 IOS 全局滾動:默認支持 局部滾動:默認沒有滾動條,且滑動乾澀 1.ios局部滾動乾澀情況 如圖:左側爲默認局部滾動(乾澀卡頓),要

原创 jQuery全屏banner焦點圖切換

效果: 如圖所示: 1.點擊圓點切換圖片 2.點擊箭頭切換圖片 3.x秒後自動往後跳一張圖(圖中未演示) 代碼 <!DOCTYPE html> <html> <head> <meta charset="UTF

原创 無縫滾動條目

無縫滾動 效果預覽: 效果分析: 1.4張圖片輪播 2.鼠標懸浮輪播暫停,鼠標移開輪播繼續 3.默認從左到右輪播 4.點擊左箭頭,往左輪播,再點擊右箭頭,往右輪播 <!DOCTYPE html PUBLIC "-//

原创 echarts基本地圖

echarts基本地圖 var data = [ {name: '杭州', value: 250} ]; var geoCoordMap = { '杭州':[120.19,30.26] }; var conve

原创 數組按照某一字段排序

正敘 var data=[{"name":"張三","num":12}, {"name":"李四","num":5}, {"name":"王五","num":6},

原创 進度導航

效果圖 代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style>

原创 jquery按鍵監聽(移動div)

完整的 key press 過程分爲兩個部分: 1. 按鍵被按下; 2. 按鍵被鬆開。 當按鈕被按下時,發生 keydown 事件。 keydown() 方法觸發 keydown 事件,或規定當發生 keydown 事件時

原创 微信小程序--根據座標獲取當前位置名稱

在小程序開發中我們可以根據 小程序API提供的wx.getLocation(Object object)https://developers.weixin.qq.com/miniprogram/dev/api/location/w

原创 css3D旋轉立方體

3D旋轉效果主要使用了CSS3 transform 屬性 首先我們先完善佈局 要想完成一個立方體,首先我們要有一個參考界面,也就是立方體的核心 如圖,標註區域就是我們的核心區,立方體的每個界面都是以核心爲參考系 核心區域只需要一個