Time of Update: 2017-01-19
今天給大家分享一款基jquery超炫的動畫導覽功能表。這款導覽功能表,初始時頁面中間一個按鈕,單擊按鈕,菜單從左側飛入頁中。再次單擊按鈕,導航飛入左側訊息。動畫效果很非常炫。一起看下效果圖:源碼下載html代碼:<ul><li><a href="http://www.w2bc.com">First</a></li><li><a href="http://www.w2bc.com">Second</a>
Time of Update: 2017-01-19
jQuery是一個JavaScript 庫,也就是對JavaScript的擴充,用來滿足各種日益增加的不同特效需求。其實質就是JavaScript下面來編寫一個最基本的JQ程式來說明JQ。一、基本目標網頁中有如下三個按鈕,一個只能隱藏文本,一個只能顯示文本,一個同時能隱藏與顯示文本,點擊一下顯示,再點擊一下隱藏,無限迴圈。二、製作過程1.首先你要到JQ官網中下載一個JQ支援檔案放入你的網站資料夾。這個支援檔案是jQuery1.11,可以到jQuery官網中下載相容舊瀏覽器IE6的jQuery1.
Time of Update: 2017-01-19
1.布局:<div class="show"> <img src="~/images/head_icon.png" /> <div class="drop" style=" display:none; z-index:80000" id="profileMenu"> <ul> <li> <a class="pass" style="cursor: pointer" href='#'> <span>修改密碼<
Time of Update: 2017-01-19
jquery實現導航固定頂部的效果,仿蘑菇街的,感覺還不錯,需要的朋友可以參考下<!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"><head><meta
Time of Update: 2017-01-19
主要運用了定時器的原理,bind,trigger應用等<!DOCTYPE html><html><head><meta charset="utf-8"><title>banner切換實現</title><style type="text/css">/** @description: banner轉場樣式* @author: lanfeng(beryl)* @time:2013-02-26*//* reset*/*
Time of Update: 2017-01-19
今天用一種簡潔的方法toggleClass()實現了隔行換色:代碼如下:<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>隔行換色</title><script src="js/jquery-1.4.2.min.js"></script><style type="text/css">body,table,td,
Time of Update: 2017-01-19
用jQuery實現一些導航條切換,顯示隱藏,主要運用的技術有slideToggle( ),toggeClass( ),toggle( ):代碼如下:<!DOCTYPE html><html><head><meta charset="utf-8"><title>導航條在項目中的應用</title><script language="javascript" type="text/javascript"
Time of Update: 2017-01-19
本文執行個體講述了jquery中post方法的用法,分享給大家供大家參考。具體用法分析如下:在使用jquery實現網站的非同步互動時,常用的兩個函數為get和post方法,get方法使用很簡單,直接提交get請求即可,如果有參數,直接追加到url後面就行,但是使用post方法時,傳遞參數,需要和url分開寫,使得傳參變得麻煩了,不過這樣做起來更安全一些,而且出現中文亂碼的機率也要低一些(get方法傳中文很多情況下會出現亂碼現象),這裡就詳細介紹一下post是怎樣傳遞參數的。首先寫一個html代碼
Time of Update: 2017-01-19
今天稍微學習了一下Json,JSON (JavaScript Object Notation) 是一種輕量級的資料交換格式。 易於人閱讀和編寫。同時也易於機器解析和產生。 JSON採用完全獨立於語言的文字格式設定,但是也使用了類似於C語言家族的習慣(包括C, C++, C#, Java, JavaScript, Perl, Python等)。 這些特性使JSON成為理想的資料交換語言。JSON建構於兩種結構:“名稱/值”對的集合(A collection of name/value pairs)
Time of Update: 2017-01-19
其他對radio操作功能,以後在添加。直接上代碼,別忘記引用JQuery包<!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"><head><meta
Time of Update: 2017-01-19
placeholder是HTML5<input>的屬性之一,在不同的瀏覽器( 支援HTML5的現代瀏覽器 )中會有略微不同的顯示效果:在Chrome( v31.0.1650.63 m)、Firefox( v21.0 )、360安全( v6.3 極速模式 )中,輸入欄獲得焦點後,提示文字並不消失,如圖( Chrome ):獲得焦點前:獲得焦點時:偏偏IE11要搞點特殊:獲得焦點前:獲得焦點時:也就是說獲得焦點時提示的文字會消失。非現代瀏覽器( 例如 IE6-IE9
Time of Update: 2017-01-19
主要將代碼粘貼,通過閱讀代碼理解其中的相關邏輯。html代碼:<form id="form1" runat="server"> <p> 評論:</p> <p> 姓名:<input type="text" name="username" id="username1" /></p> <p> 內容:<textarea name="content" id="content" rows="2"
Time of Update: 2017-01-19
最常使用JavaScript的場合就是表單的驗證,而jQuery作為一個優秀的JavaScript庫,也提供了一個優秀的表單驗證外掛程式----Validation。Validation是曆史最悠久的jQuery外掛程式之一,經過了全球範圍內不同項目的驗證,並得到了許多Web開發人員的好評。作為一個標準的驗證方法庫,Validation擁有如下特點:1.內建驗證規則: 擁有必填、數字、Email、URL和信用卡號碼等19類內建驗證規則2.自訂驗證規則:
Time of Update: 2017-01-19
前言:轉眼間,已經是11月中旬了,也從今天開始我要繼續在研究ASP.NET MVC的細節用法,所以將這些讀書筆記和個人心得寫成部落格,讓大家也能學習到東西,我閱讀的書籍是:ASP.NET MVC進階編程,下面我就說說MVC中如何使用JavaScript和Jquery。還有我們現在經常使用的Ajax。1.Ajax初步介紹 (1) 現在我們建立的Web應用程式幾乎都要用到Ajax技術,從技術上面講,Ajax代表非同步JavaScript和XML(Asynchronous JavaScript
Time of Update: 2017-01-19
Masonry是 一款非常強大的jQuery動態格線布局外掛程式,可以協助開發人員快速開發類似剪貼畫的介面效果。和CSS中float的效果不太一樣的地方在 於,float先水平排列,然後再垂直排列,使用Masonry則垂直排列元素,然後將下一個元素放置到網格中的下一個開發地區。這種效果可以最小化處理
Time of Update: 2017-01-19
由於我的部落客要是代碼分享,很多貼的代碼,都很長。很多時候我都是手動給他換行。但是今天實在是受不了。從網上找個辦法解決一下。1、css修改:在檔案夾:\zb_system\ADMIN\ueditor\third-party\SyntaxHighlighter在檔案shCoreDefault.pack.css添加css:複製代碼 代碼如下:body .syntaxhighlighter .line{ white-space: pre-wrap
Time of Update: 2017-01-19
本文執行個體講述了JQuery表單驗證外掛程式EasyValidator用法。分享給大家供大家參考。具體如下:本外掛程式的宗旨是:使用者無需寫一行JS驗證代碼,只需在要驗證的表單中加入相應的驗證屬性即可,讓驗證功能易維護,可擴充,更容易上手。DEMO中已經包含了常用的Regex,可以直接複用,為了考慮擴充性,所以針對不同使用者特殊需求,自行寫正則吧。EasyValidator實現的功能:1.提示功能(在表單或者其他標籤中加入tip="想提示的文字")如:複製代碼 代碼如下:<input
Time of Update: 2017-01-19
在做項目的時候遇到個jQuery checkbok複選框的選中取消的BUG,諮詢了大神,才鬧明白怎麼回事,這裡記錄下來,分析給大家。先上代碼:複製代碼 代碼如下:<form> 你愛好的運動是?<input type="checkbox" id="CheckedAll" />全選/全不選<br
Time of Update: 2017-01-19
一、什麼是deferred對象?開發網站的過程中,我們經常遇到某些耗時很長的javascript操作。其中,既有非同步操作(比如ajax讀取伺服器資料),也有同步的操作(比如遍曆一個大型數組),它們都不是立即能得到結果的。通常的做法是,為它們指定回呼函數(callback)。即事先規定,一旦它們運行結束,應該調用哪些函數。但是,在回呼函數方面,jQuery的功能非常弱。為了改變這一點,jQueryTeam
Time of Update: 2017-01-19
由於其擁有龐大,實用的外掛程式庫,使得jQuery變得越來越流行。今天將介紹一些最好的jQuery樹形視圖外掛程式,具有擴充和可摺疊的樹視圖。這些都是輕量級的,靈活的jQuery外掛程式,它將一個無序列錶轉換為可展開和摺疊的樹。 Treeview – Expandable and Collapsible Tree jQuery Plugin jQuery