Time of Update: 2016-03-11
jQuery實現帶水平滑杆的焦點圖動畫外掛程式,jquery焦點這是一款很實用的jQuery焦點圖動畫外掛程式,跟其他jQuery焦點圖外掛程式不同的是,它帶有一個水平的滑杆,你可以通過滑動滑杆實現圖片的切換,也可以通過點擊圖片來切換。這款焦點圖是純jQuery實現的,相容性和實用性都還可以,而且也比較簡單,很容易整合到需要的項目中去。效果展示如下所示: HTML代碼<div id="wrapper"><ul id="flip"><li
Time of Update: 2016-03-11
js表單處理中單選、多選、選擇框值的擷取及表單的序列化,js序列化本文總結了下在表單處理中單選、多選、選擇框值的擷取及表單的序列化,寫成了一個對象。如下:var formUtil = { // 擷取選項按鈕的值,如有沒有選的話返回null // elements為radio類的集合的引用 getRadioValue:function(elements) { var value = null; // null表示沒有選中項 // 非IE瀏覽器 if(elements.value
Time of Update: 2016-03-11
理解javascript函數式編程中的閉包(closure),javascriptclosure閉包(closure)是函數式編程中的概念,出現於 20 世紀 60 年代,最早實現閉包的語言是 Scheme,它是 LISP 的一種方言。之後閉包特性被其他語言廣泛吸納。 閉包的嚴格定義是“由函數(環境)及其封閉的自由變數組成的集合體。”這個定義對於大家來說有些晦澀難懂,所以讓我們先通過例子和不那麼嚴格的解釋來說明什麼是閉包,然後再舉例說明一些閉包的經典用途。什麼是閉包通俗地講,
Time of Update: 2016-03-11
基於jQuery的網頁影音播放器jPlayer的基本使用教程,jqueryjplayerjPlayer簡介:想在網頁上播放背景音樂,不想用html標籤的方式,因為那樣只有音樂全部下載完以後才能播放,還容易出現跨瀏覽器安全色性的問題,於是選了一款基於jQuery的播放器jPlayer來做。設定jPlayer的尺寸大小使用建構函式配置jPlayer({size:Object})設定jPlayer的高寬。使用建構函式配置jPlayer({sizeFull:Object})設定全屏尺寸。注意可通過建構函
Time of Update: 2016-03-10
jQuery實現滾動滑鼠放大縮小圖片的方法(附demo源碼下載),jquerydemo本文執行個體講述了jQuery實現滾動滑鼠放大縮小圖片的方法。分享給大家供大家參考,具體如下:在項目製作過程中,遇到了這麼一個需求,就開發了一個,記錄一下。首先,需要定義html元素和css樣式:<div style="position:relative;"><asp:Image ID="myImg" runat="server" Width="670px" /><span
Time of Update: 2016-03-10
詳解JavaScript的AngularJS架構中的運算式與指令,angularjs指令詳解“指令屬性”就是綁定在DOM元素上的函數,它可以調用方法、定義行為、綁定controller及$scope對象、操作DOM,等等等等。當瀏覽器啟動、開始解析HTML(像平時一樣)時,DOM元素上的指令屬性就會跟其他屬性一樣被解析。當一個Angular.js應用啟動,Angular編譯器就會遍曆DOM樹(從有ng-app指令屬性的那個DOM元素開始,如我們在本系列第一篇裡所提過的),解析HTML,尋找這些指
Time of Update: 2016-03-11
Bootstrap多級導覽列(級聯導航)的實現代碼,bootstrap導覽列在bootstrap官方來說,導航最多就是兩級,兩級以上是無法實現的,大叔找了一些第三方的資料,終於找到一個不錯的外掛程式,使用上和效果上都還不錯,現在和大家分享一下外掛程式地址:http://vsn4ik.github.io/bootstrap-submenu/先看一下,在後台系統上的顯示效果下面說一下實現的方式1.引用三個JS外掛程式和一個CSS類庫<script
Time of Update: 2016-03-11
js實現數組冒泡排序、快速排序原理,js數組本文為大家分享了js數組冒泡排序、快速排序的實現原理,供大家參考,具體內容如下1、冒泡排序: 隨便從數組中拿一位元和後一位比較,如果是想從小到大排序,那麼就把小的那一位放到前面,大的放在後面,簡單來說就是交換它們的位置,如此反覆的交換位置就可以得到排序的效果。var arr = [3,1,4,2,5,21,6,15,63];function sortA(arr){ for(var i=0;i<arr.length-1;i++){
Time of Update: 2016-03-11
利用jQuery設計一個簡單的web音樂播放器的執行個體分享,jquery音樂播放器一、準備資料庫 首先,我們設計MYSQL資料庫如下:CREATE TABLE `songs` ( `song_id` int(11) NOT NULL AUTO_INCREMENT, `url` varchar(500) NOT NULL, `artist` varchar(250) NOT NULL, `title` varchar(250) NOT NULL, PRIMARY KEY (`song_id`)
Time of Update: 2016-03-06
jQuery日曆外掛程式datepicker用法詳解,jquerydatepicker jQuery是一款不可多得的非常優秀的javascript指令碼開發庫,而基於其上的很多外掛程式也是非常規範和卓越的,如果錯過這番美景真是太可惜了,比如datepicker這個外掛程式。一般MIS系統的前端,尤其是使用者註冊頁面,都會有諸如“出身年月”的日期輸入框,最簡單的做法就是使用一個<input
Time of Update: 2016-03-06
js控制TR的顯示隱藏,js控制tr下文分享的一段代碼:選擇是的按鈕就顯示身高和體重的文字框的代碼。注意:ready方法必須要引用jquery的庫。1.html Code<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>無標題文檔</title><style type="text/css">
Time of Update: 2016-03-05
使用NodeJs
Time of Update: 2016-03-05
JavaScript html5 canvas繪製時鐘效果,html5canvas本文執行個體講述了JavaScript+html5 canvas繪製時鐘效果。分享給大家供大家參考,具體如下: HTML部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
Time of Update: 2016-03-05
詳解Wondows下Node.js使用MongoDB的環境配置,node.jsmongodb為了儲存網站的使用者資料和業務資料,通常需要一個資料庫。MongoDB和Node.js特別般配,因為MongoDB是基於文檔的非關係型資料庫,文檔是按BSON(JSON的輕量化二進位格式)儲存的,增刪改查等管理資料庫的命令和JavaScript文法很像。如果你在Node.js裡訪問MongoDB的資料,會有我們是一家人的感覺,特別親切。我也準備使用MongoDB來作為我的資料庫。MongoDB使用集合(c
Time of Update: 2016-03-04
JavaScript Date對象詳解,javascriptdate本篇主要介紹 Date 日期和時間對象的操作,具體內容如下目錄1. 介紹:闡述 Date 對象。2. 建構函式:介紹 Date 對象的建構函式new Date()幾種方式。3. 執行個體方法:介紹 Date 對象的get、set等執行個體方法。4. 靜態方法:介紹 Date 對象的靜態方法:Date.now()、 Date.parse()等。5. 實際操作:介紹 Date
Time of Update: 2016-03-04
JavaScript Array對象詳解,javascriptarray本文介紹了Js的Array 數組對象,具體內容如下目錄1. 介紹:介紹 Array 數組對象的說明、定義方式以及屬性。2. 執行個體方法:介紹 Array 對象的執行個體方法:concat、every、filter、forEach、indexOf、join、lastIndexOf、map、pop、push、reverse、shift、slice、sort、splice、toString、tounshift等。3. 靜態方法:
Time of Update: 2016-03-02
AngularJS整合Springmvc、Spring、Mybatis搭建開發環境,angularjsspringmvc最近想學習AngularJS的使用,網上搜了一圈後,折騰了半天解決bug後,成功使用AngularJS整合Springmvc、Spring、Mybatis搭建了一個開發環境。(這裡Spring使用的版本是4.0.6,Mybatis版本是3.2.5,AngularJS的版本是1.0.3)第一步:建立一Maven項目,在pom.xml下添加需要的包<project
Time of Update: 2016-03-02
JavaScript開發人員必備的10個Sublime Text外掛程式,javascriptsublimeSublime Text幾乎是任何開發人員在其工具箱的必備應用程式。Sublime Text是一款跨平台的,高度可定製的,進階的文字編輯器,既適合全功能的IDE(出了名的資源匱乏),又可匹配命令列編輯器,例如Vim和Emacs(具有陡峭的學習曲線)。Sublime
Time of Update: 2016-03-02
javascript中eval解析JSON字串,evaljson我們都知道,進階瀏覽器可以用 JSON.parse() API 將一個 JSON 字串解析成 JSON 資料,稍微欠妥點的做法,我們可以用 eval() 函數。var str = '{"name": "hanzichi", "age": 10}';var obj = eval('(' + str + ')');console.log(obj); // Object {name: "hanzichi", age:
Time of Update: 2016-02-26
Javascript技術棧中的四種依賴注入詳解,javascript詳解作為物件導向編程中實現控制反轉(Inversion of Control,下文稱IoC)最常見的技術手段之一,依賴注入(Dependency