Time of Update: 2017-01-19
Uploadify是JQuery的一個上傳外掛程式,實現的效果非常不錯,帶進度顯示。不過官方提供的執行個體時php版本的,本文將詳細介紹Uploadify在Aspnet中的使用,您也可以點擊下面的連結進行示範或下載。首先按下面的步驟來實現一個簡單的上傳功能。1 建立Web項目,命名為JQueryUploadDemo,從官網上下載最新的版本解壓後添加到項目中。2 在項目中添加UploadHandler.ashx檔案用來處理檔案的上傳。3 在項目中添加UploadFile檔案夾,用來存放上傳的檔案。
Time of Update: 2017-01-19
從這一章節開始,我將會為大家陸續的介紹利用Jquery完成特效動畫。先來看看這一節所介紹的特效:傳統輪播。一、需求分析1. 提供很多尺寸相等的圖片,一排緊挨著顯示。2. 左右有兩個切換按鈕,用來控制顯示上一張還是下一張。3. 右下方有指標"小圈圈",用來提示顯示到第幾個圖片;也可以點擊它,進行圖片的切換。4. 每隔一個固定的時間,圖片會自動滾動。5. 當滑鼠放到圖片上面的時候,會停止自動滾動;當滑鼠離開後,再經過固定間隔時間後,又會自動播放。二、代碼剖析1.
Time of Update: 2017-01-19
現在任何事務都追求效率和人性化,當然網頁效果也是如此,如果一個可以編輯資料的表格,編輯到最後一行的時候,點擊可以自動添加一行,這樣算是一個比較人性化的效果,可以免去一絲勞頓之苦,下面分享一段這樣的代碼。代碼如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.jb51.net/"
Time of Update: 2017-01-19
之前用AJax給Controller傳遞參數,然後再調用服務端的方法對資料庫變更,今天碰到一個新的方法,就是表單的提交,這樣可以省去AJax傳參。當表單提交後,我們可以擷取表單上控制項中的值,然後再調用服務端的方法對資料庫變更。下面的一張截圖是具體的業務需求。一、要實現的功能:從上面這個表單中,擷取控制項中的值,然後傳遞給後台。下面是表單代碼。二、表單代碼<div id="Editwin" class="easyui-window" title="編輯班級資訊" style="width:
Time of Update: 2017-01-19
做好七件事幫你提升jQuery的效能,想知道哪幾件事情嗎?1. Append Outside of Loops凡是觸及到DOM都是有代價的。如果你向DOM當中附加大量的元素,你會想一次性將它們全部附加進來,而不是分多次進行。當在迴圈當中附加元素就會產生一個常見的問題。$.each( myArray, function( i, item ) { var newListItem = "<li>" + item + "</li>"; $( "#ballers"
Time of Update: 2017-01-19
本文執行個體分兩部分對jquery重新整理問題進行介紹,第一部分介紹了呢頁面局部重新整理;第二部分介紹了頁面全部重新整理第一:頁面局部重新整理jQuery對Ajax操作進行了封裝,在jQuery中$.ajax()方法屬於最底層的方法,第2層是laod()、$.get()和$.post()方法,第3層是$.getScript()和$.getJSON()方法。重點分析load()方法通常用來從Web伺服器上擷取靜態資料檔案.要傳遞一些參數給伺服器中的頁面,那麼可以使用$.get()或者$.post(
Time of Update: 2017-01-19
Tocify是一個能夠動態產生文章節點目錄的jQuery外掛程式。假如我們有一篇很長的文章,文章有多個節點,那麼使用Tocify可以根據節點元素動態產生文章目錄,點擊目錄可以平滑滾動到對應的節點,當然當滾動頁面時,目錄結構會根據當前監聽到的節點進行切換到目前的目錄狀態。效果展示 源碼下載Tocify目前支援Twitter Bootstrap和jQueryUI
Time of Update: 2017-01-19
本文執行個體講述了jQuery拋物線運動實現方法。分享給大家供大家參考,具體如下:運行效果截圖如下:點擊此處查看線上示範效果。完整執行個體代碼點擊此處本站下載。具體代碼如下:<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>拋物線運動效果</title> <style type="text/css"> .boll { width: 50px;
Time of Update: 2017-01-19
jQuery除了包含原生JS中的內建資料類型(built-in datatype),還包括一些擴充的資料類型(virtual types),如Selectors、Events等。1. StringString最常見,幾乎任何一門進階程式設計語言和指令碼語言中都支援,比如"Hello world!"即字串。字串的類型為string。比如var typeOfStr = typeof "hello world";//typeOfStr為“string"1.1
Time of Update: 2017-01-19
基於jQuery滑鼠點擊水波動畫豎直導航代碼。這是一款基於jQuery+CSS3實現的帶動畫效果的豎直導覽列特效。效果圖如下:效果展示 源碼下載html代碼:<div class="nav"> <ul> <li><a>網站首頁</a></li> <li><a>關於我們</a></li> <li><a&
Time of Update: 2017-01-19
本文執行個體講解了jQuery Mobile自訂標籤,分享給大家供大家參考,具體內容如下規劃產品國際化的需求時,涉及到PC Web,移動Web,和各app。設計了多個版本的移動Web均不理想。由於移動Web採用了jQuery Mobile架構,所以將切換語言放在哪個位置更合理進行了討論。討論的過程和多個方案我就不提了,先來看看最終效果: 是不是感覺很經驗,這裡一開始嘗試了多次,最終自訂了一個下拉選項,代碼如下:<!DOCTYPE html> <html>
Time of Update: 2017-01-19
簡單類型排序 編程時遇到排序在平常不過,使用.Net最常見的就是對泛型List<T>進行排序,如果T是單一資料型別排序那麼很簡單複製代碼 代碼如下:public List<int> SortSimpleList(List<int> list){list.Sort();return list;} 同樣對string等簡單類型List<T>排序均如此,如果我們要排的對象複雜了怎麼辦,我們知道List<T> sort()最後是用快速排序實現,
Time of Update: 2017-01-19
本文執行個體分析了jQuery添加刪除DOM元素的方法。分享給大家供大家參考,具體如下:介紹DOM是Document Object Modeule的縮寫,一般來說,DOM操作分成3個方面。1、DOM CoreDOM Core並不專屬於javascript,任何一種支援DOM的程式設計語言都可以使用它,用途也遠不止僅限於網頁,也可以用來處理任何一種使用標記語言編寫出來的文檔,如XML。例如:document,getElementsByTagName("form");//使用DOM
Time of Update: 2017-01-19
這次分享的代碼是jQuery外掛程式,HovertreeImg是一個圖片輪播jquery外掛程式,使用方便,可以設定大小,圓點位置等,代碼簡潔<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <base target="_blank" /> <meta charset="utf-8" /
Time of Update: 2017-01-19
方法一:<script type="text/javascript">// <![CDATA[ $.fn.smartFloat = function() { var position = function(element) { var top = element.position().top, pos = element.css("position"); $(window).scroll(function() { var scrolls = $(
Time of Update: 2017-01-19
本文執行個體講述了jQuery動態添加及刪除表單上傳元素的方法。分享給大家供大家參考,具體如下:運行效果截圖如下:點擊此處查看線上示範效果。具體代碼如下:<html><head><script type="text/javascript" src="jquery-1.7.2.min.js"></script><script type="text/javascript">$(document).ready(function(){ $(":
Time of Update: 2017-01-19
本文執行個體分析了jQuery取得iframe中元素的常用方法。分享給大家供大家參考,具體如下:jquery取得iframe中元素的幾種方法:在iframe子頁面擷取父頁面元素代碼如下:複製代碼 代碼如下:$('#objId', parent.document);搞定...在父頁面
Time of Update: 2017-01-19
本文執行個體講述了jquery+json實現動態商品內容展示的方法。分享給大家供大家參考,具體如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh"
Time of Update: 2017-01-19
本文執行個體講述了jQuery時間外掛程式jquery.clock.js用法。分享給大家供大家參考,具體如下:Example 1:Basic clock, no options<html><head> <title>jclock</title> <mce:script type="text/javascript" src="jquery-1.2.1.min.js"
Time of Update: 2017-01-19
本文執行個體講述了jquery實現的拖拽效果。分享給大家供大家參考,具體如下:運行效果截圖如下:點擊此處查看線上示範效果。具體代碼如下:html部分:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><script type="text/javascript"