JavaScript

清除浮動2-父元素設定overflow:hidden，2-overflow<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Author" content="胡超"> <title>super胡</title> <style> .news { background-color: gray; border:

清除浮動4-插入多餘的div，浮動4-div<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Author" content="胡超"> <title>super胡</title> <style> .news { background-color: gray; border: solid 1px black;

去掉inline-block元素間隙的幾種方法，inlineblock間隙<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Author" content="胡超"> <title>super胡</title> <style> #a1 { list-style: none ; background:

Angularjs MVC 以及 $scope 範圍 Angularjs 模組 的 run 方法 以及依賴注入中代碼壓縮問題Angularjs MVC 以及 $scope 範圍 Angularjs 模組的 run 方法 以及依賴注入中代碼壓縮問題 1. Angularjs MVCModel：資料模型層View：視圖層，負責展示Controller：商務邏輯和控制邏輯優點: 代碼模組化 代碼邏輯比較清晰、可移值性高，後期維護方便、代碼複用，代碼規模越來越大的時候，切分職責是大勢所趨缺點：

掌握JS中的“this” (一)譯者注: 一般來說，function 翻譯為函數, method 翻譯為方法。我們一般說， 某某對象的方法， 而不說 “某某對象的函數”。原因是在物件導向中, 一個對象就是一個具體額執行個體，有自己的方法。 而函數，是和對象沒關係的。另外, scope(範圍) 和 context(上下文) 也是一個容易迷糊的地方。請參考: Javascript Context和Scope的一些學習總結推薦閱讀:

jQuery 遍曆json數組的實現代碼使用JQuery <script type="text/javascript"> var json=[{"text":"王家灣","value":"9"},{"text":"李家灣","value":"10"},{"text":"邵家灣&

ArcGIS API for JavaScript開發環境搭建及第一個執行個體demoESRI公司截止到目前已經發布了最新的ArcGIS Server for JavaScript API v3.9，它提供了更為豐富而又強大的功能。 一、安裝前準備  1、ArcGIS Server for JavaScript API 我們選擇下載最新的“ArcGIS API for JavaScript 3.9：Library |

Javascript控制div屬性動態變化執行個體分析，div執行個體分析本文執行個體分析了Javascript控制div屬性動態變化的方法。分享給大家供大家參考。具體如下：這裡使用JS控制div屬性變化，另Div的幾何尺寸發生變化，例如變寬、變高、改變顏色、隱藏Div、重設所有屬性為預設值等。雖然在本例中，這些屬性值的改變很簡單就可實現，但在JavaScript網頁前端設計中，這種屬性或方法經常會被用到，因此還是值得大家關注的。運行效果如下：線上示範地址如下：http://demo.jb51.

JS實現常見的TAB、彈出層效果(TAB標籤，斑馬線，遮罩層等)，tab遮罩本文執行個體講述了JS實現常見的TAB、彈出層效果。分享給大家供大家參考。具體如下：這裡示範tab活頁夾（網頁標籤），斑馬線，遮罩層、彈出層的簡單實現，裡面的JS檔案，可下拉儲存為JS代碼調用即可，也可以拷貝在本網頁中使用。這個小網頁囊括了目前網上流行的風頁標籤、彈出層以及斑馬線效果，很實用啦。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-tab-alert-bq-sty

Jquery中使用show()與hide()方法動畫顯示和隱藏圖片，(1)功能描述 在頁面中單擊“顯示”串連，通過show()方法以動畫的方式顯示一幅圖片，同時在方法中執行一個回呼函數，用於改變圖片的邊框樣式；單擊已顯示的圖片時，通過hide()以動畫的方式隱藏該圖片。(2)實現代碼<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

js實現超酷的照片牆展示附源碼下載，js源碼下載這是一個超酷的照片牆展示效果，很多照片結合淡入淡出、旋轉、縮放、傾斜及3D效果，照片快速從左側切入，做旋轉3D效果，最後在照片牆上整齊排列，為使用者展示了超酷的照片牆展示效果。查看示範 下載源碼HTML本文結合執行個體給大家分享超酷的照片牆效果，該效果依賴jQuery和easing外掛程式，因此首先載入這兩個檔案。<script src="jquery.min.js"></script> <script

JS+CSS相對定位實現的下拉式功能表，jscss本文執行個體講述了JS+CSS相對定位實現的下拉式功能表。分享給大家供大家參考。具體如下：這裡使用的是相對定位，不過效果還可以，用時候再修整一下，這個只是實現了大概功能，還有許多細節沒有修飾。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-css-ab-fix-menu-codes/具體代碼如下：<html><head><title>非定位CSS+Js下拉式功能表

JavaScript實現橫向滑出的多級菜單效果，javascript橫向本文執行個體講述了JavaScript實現橫向滑出的多級菜單效果。分享給大家供大家參考。具體如下：這是一款JavaScript橫向滑出的多級菜單，只用滑鼠放上就可以動畫出現二級菜單，整體設計精美，大氣，部落格上也可以用哦。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-hx-show-menu-style-demo/具體代碼如下：<!DOCTYPE html

jQuery表格行上移下移和置頂的實現方法，jquery表格我們在巨集指令清單資料的時候，需要將資料行排列順序進行調整，如上移和下移行，將行資料置頂等，這些操作都可以在前端通過點擊按鈕來完成，並且伴隨著簡單的動態效果，輕鬆實現表格式資料排序。運行：HTML頁面上是一個簡單的資料表格，我們在資料行中分別放置“上移”，“下移”和“置頂”三個連結，並且分別定義三個class屬性，我們來通過jQuery實現這些操作。<table class="table"> <tr>

js小數運算出現多位小數如何解決，js小數運算多位和大家分享一個有趣的測試：0.1+0.2 == 0.3 //false頓時鬱悶，好吧！原來0.1+0.2變成：0.30000000000000004再來一個 2.4/0.8 =>2.9999999999999996 沒辦法換種方式，都轉換成整數 (2.4 * 100)/(0.8 * 100)10.22 現在要減去 0.11 結果值又出現了很多的小數 10.110000000000001，然後我就用了 toFixed

JavaScript子視窗調用父視窗變數和函數的方法，javascript視窗本文執行個體講述了JavaScript子視窗調用父視窗變數和函數的方法。分享給大家供大家參考。具體如下：樣本1：子視窗是新開啟的視窗父視窗:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=

旋轉六面體源碼，六面體源碼應網友要求，也方便大家一起學習，在此貼出昨天編寫旋轉六面體源碼<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>hexahedron</title> <meta

jQuery往返城市和日期查詢執行個體講解，jquery日期查詢大多旅遊網站上都提供了一個城市和日期輸入查詢的功能。使用者在輸入框中只需輸入城市的拼音或者簡稱就可以即時查詢到相關城市的名稱，選擇日期時則是出現兩個月的日曆控制項，只需點選日期即可，整個操作簡捷明了。本文用到了jquery ui庫的datepicker外掛程式來控制日曆以及輸入城市提示的外掛程式。XHTML<div class="qline"> <label for="arrcity">出發城市：<

JS實現相容性好,帶緩衝的動感網頁右鍵菜單效果，js右鍵菜單本文執行個體講述了JS實現相容性好,帶緩衝的動感網頁右鍵菜單效果。分享給大家供大家參考。具體如下：這是一款相容好帶緩衝的動感網頁右鍵菜單，應該來說做的非常棒，完全JavaScript的實現，我覺得挺不錯，感謝作者。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-dg-right-button-menu-style-codes/具體代碼如下：<!DOCTYPE html PUBLIC

JS實現超簡單的仿QQ摺疊菜單效果，js摺疊本文執行個體講述了JS實現超簡單的仿QQ摺疊菜單效果。分享給大家供大家參考。具體如下：這是一款經過精簡後的仿QQ摺疊菜單代碼，以前發過的，不過這個是經過幾輪代碼精簡後的一個版本，而且在各瀏覽器下的表現也很不錯，相容性沒出問題。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-simple-f-qq-zd-style-menu-codes/具體代碼如下：<!DOCTYPE