Time of Update: 2014-12-26
Wami Map Project – 開源的 OSM API 服務,wamiosm Wami 地圖項目把 OSM 資料分享給所有的人,很容易使用。他們利用 MongoDB 的潛力進行大資料管理來實現從 OSM 資料來源搜尋相關的資料。它們的 API 使人們有可能檢索不同格式的 POI,包括 GeoJSON。 OSM(OpenStreetMap)地圖由使用者根據手提 GPS 裝置、航空攝影照片、其他自由內容甚至單靠地方智慧繪製。OSM
Time of Update: 2014-12-26
Javascript 運動中Offset的bug——逐行分析代碼,讓你輕鬆了運動的原理我們先來看看這個bug 是怎麼產生的。 <style type="text/css"> #div1 { width: 200px;
Time of Update: 2014-12-26
基於css3的滑鼠經過動畫顯示詳情特效,css3滑鼠詳情特效之前為大家分享過一款基於jquery的手風琴顯示詳情,今天給大家分享基於css3的滑鼠經過動畫顯示詳情特效。這款執行個體滑鼠經過的時候基於中間動畫放大,效果非常不錯,如下:線上預覽 源碼下載實現的代碼。html代碼: <ul class="blocks"> <li>Vakmanschap en ambacht<div class="popup">
Time of Update: 2014-12-25
jQuery回呼函數的定義及用法執行個體,jquery回呼函數執行個體本文執行個體講述了jQuery回呼函數的定義及用法。分享給大家供大家參考。具體分析如下:jQuery代碼中對回呼函數有著廣泛的應用,對其有精準的理解是非常有必要的,下面就通過執行個體對此方法進行簡單的介紹。代碼執行個體如下:利用回呼函數,當div全部隱藏之後彈出一個提示框。複製代碼 代碼如下:<!DOCTYPE html><html><head><meta charset=" utf-
Time of Update: 2014-12-25
JavaScript中自訂事件用法分析,javascript自訂本文執行個體講述了JavaScript中自訂事件用法。分享給大家供大家參考。具體分析如下:在web前端開發中,很多人可能不會用到js的自訂事件,但如果是做一個相對來說比較大的項目,尤其是多人協同開發的時候,自訂事件就顯得很重要了。那麼,什麼是js中的自訂事件呢?我們先來看一個例子:前端開發員A封裝了一個函數:複製代碼 代碼如下:function move(){ alert(a); //
Time of Update: 2014-12-25
jQuery後代選取器用法執行個體,jquery後代選取器本文執行個體講述了jQuery後代選取器用法。分享給大家供大家參考。具體分析如下:後代選取器匹配給定的祖先元素下用以匹配的所有後代元素。點擊選取器可以查閱參考手冊中所有jQuery選取器。代碼執行個體如下:複製代碼 代碼如下:$(".mydiv span")以上代碼匹配類名mydiv元素包含的span元素。兩個選取器之間要用空格分隔。執行個體代碼:複製代碼 代碼如下:<!DOCTYPE
Time of Update: 2014-12-25
jQuery元素選取器用法執行個體,jquery選取器執行個體本文執行個體講述了jQuery元素選取器用法。分享給大家供大家參考。具體分析如下:元素選取器根據元素名稱匹配所有的元素。執行個體代碼:複製代碼 代碼如下:$("div")以上代碼匹配所有的div元素。執行個體代碼:複製代碼 代碼如下:<!DOCTYPE html> <html> <head> <meta charset="
Time of Update: 2014-12-25
jQuery基礎文法執行個體入門,jquery文法執行個體本文執行個體講述了jQuery基礎文法。分享給大家供大家參考。具體分析如下:此文法規則有兩個部分組成:擷取jQuery對象和對jQuery對象執行的操作。複製代碼 代碼如下:$(selector).action()下面就對以上文法規則進行詳細的闡述:1.$定義jQuery,將被選的DOM對象轉換成jQuery對象。2.selector是選取器,類似於CSS選取器。3.action()是要對jQuery對象行的操作。注:
Time of Update: 2014-12-25
javascript實現依次輸入input自動定焦,javascriptinput複製代碼 代碼如下:<html> <head> <script type="text/javascript"> function moveNext(object,index){ if(object.value.length==4){
Time of Update: 2014-12-25
淺析javascript 定時器,淺析javascriptsetTimeout()--用於指定在一段特定的時間後執行某段程式。 格式:[定時器對象名=]setTimeout(“<運算式>”,毫秒數);功能: 執行<運算式>一次。其中運算式是字串,可以使任意javascript語句複製代碼 代碼如下:<html> <head>
Time of Update: 2014-12-25
使用jQuery仿蘋果官網焦點圖特效,jquery焦點這次我們要分享的這款jQuery焦點圖非常特別,它的外觀特別簡單,但是又相當大氣。焦點圖的整體樣式是仿蘋果樣式的,由於jQuery的運用,我們只要點擊圖片下方的縮圖即可達到圖片切換的焦點圖特效,這款jQuery焦點圖外掛程式非常適合在產片展示的網頁上使用。接下來我們一起分享一下實現這款蘋果焦點圖的過程及源碼。HTML代碼:複製代碼 代碼如下:<div id="gallery"> <div
Time of Update: 2014-12-25
jQuery製作簡潔的多級聯動Select下拉框,jqueryselect下拉框今天我們要來分享一款很實用的jQuery外掛程式,它是一個基於jQuery多級聯動的省市地區Select下拉框,並且值得一提的是,這款聯動下拉框是經過自訂美化過的,外觀比瀏覽器內建的要漂亮許多。另外,這個Select下拉框也可以綁定下拉事件,並擷取當前選中項的值。html代碼:複製代碼 代碼如下: <div class="wrap"> &
Time of Update: 2014-12-25
jQuery中even選取器的定義和用法,jquery選取器本文執行個體講述了jQuery中even選取器的定義和用法。分享給大家供大家參考。具體分析如下:此選取器匹配所有索引值為偶數的元素,從0開始計數。文法結構:複製代碼 代碼如下:$(":even")此選取器一般也要和其他選取器配合使用,比如類別選取器、元素選取器等等。例如:複製代碼
Time of Update: 2014-12-25
jquery製作漂亮的彈出層提示訊息特效,jquery特效今天給大家帶來一款基於jquery超炫的彈出層提示訊息。這款執行個體頁面初始時,一個go按鈕。當單擊go按鈕時,提示強出層以動畫形式出現。如下:實現的代碼。html代碼:複製代碼 代碼如下: <div class='b'> </div> <div class='bb'>
Time of Update: 2014-12-25
JSON取值前判斷,JSON取值判斷複製代碼 代碼如下:public static void main(String[] args)throws Exception{ String jsonStr1="{\"access_token\":\"OezXcEiiBSKSxW0eoylIeIVb08lFhyeFsq6cUJJNo8XYLoJjqYARJOZUrnqhfvnyMKOSjz5SHPHGUmt6f09_762MWQ0HLnZtffDPyD2A6
Time of Update: 2014-12-25
jQuery中odd選取器的定義和用法,jqueryodd本文執行個體講述了jQuery中odd選取器的定義和用法。分享給大家供大家參考。具體分析如下:此選取器匹配索引值為奇數的元素,從0開始計數。文法結構:複製代碼 代碼如下:$(":odd")此選取器一般也要和其他選取器配合使用,比如類別選取器、元素選取器等等。例如:複製代碼
Time of Update: 2014-12-25
jQuery分組選取器用法執行個體,jquery分組選取器本文執行個體講述了jQuery分組選取器用法。分享給大家供大家參考。具體分析如下:分組選取器將每一個選取器匹配到的元素合并後一起返回,能夠對它們進行相同的操作。執行個體代碼:複製代碼 代碼如下:$(".mydiv ,span")以上代碼能夠匹配類名為mydiv的元素和所有的span元素。兩個選取器之間要用逗號分割。執行個體代碼:複製代碼 代碼如下:<!DOCTYPE html><html><head>&
Time of Update: 2014-12-25
JavaScript調試工具匯總,javascript調試工具現在的JavaScript事實上已然成為了流行的web語言,即使它並不完美。很多程式員不喜歡用JavaScript寫代碼,是因為寫到後來總會出現各種莫名其妙的bug,而且在開發大型應用程式的過程中很容易犯錯。而且鑒於當今此類工具的現狀,要想在瀏覽器上做JavaScript調試也不是那麼方便。 下面這幾個基於案頭和WEB的JavaScript調試工具,能讓你更高效地調試JavaScript代碼,這樣就可以:更有效地處理動態類型使應用程
Time of Update: 2014-12-25
javascript實現分享,javascript實現分享代碼很簡單,我這裡就不多廢話了,直接奉上源碼:複製代碼 代碼如下:<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":
Time of Update: 2014-12-25
基於JQuery製作可編輯的表格特效,jquery表格最近做了個項目,其中項目要求:點擊表格後可直接編輯,斷行符號或滑鼠點擊頁面其他地方後編輯生效,按Esc可取消編輯2個小夥伴給出了2中解決方案,大家來看看哪種更合適呢?第一種單擊表格可以編輯的方法複製代碼 代碼如下://相當於在頁面中的 body標籤加上onload事件$(function() { //找到所有的td節點 var tds =