Time of Update: 2015-02-05
15款jQuery分布引導外掛程式分享 這篇文章主要給大家分享了15款jQuery分布引導外掛程式,需要的朋友可以參考下 1. Power Tour 2. Bootstrap Tour 3. Bootstro.js 4. Intro.js 5. Power Tour 6. Trip.js 7. jQuery Tour Bus 8. jQuery Site Tour 9. Website Tour with jQuery 10. JoyRide 11. Pageguide.
Time of Update: 2015-02-05
jquery手風琴特效外掛程式 這篇文章主要介紹了jquery手風琴特效外掛程式,效果非常棒,需要的朋友可以參考下 手風琴效果是項目中使用頻率較高的一種效果,原來項目一直都在用easyui的,臨近年末,試著自己寫了一個css樣式 代碼如下:/* CSS Document */body {margin: 0 auto;padding: 0 auto;font-size: 9pt;font-family: 微軟雅黑, 宋體, Arial,
Time of Update: 2015-02-04
javascript社會安全號碼碼驗證函式支援帶x //--社會安全號碼碼驗證-支援新的帶x身份證 function isIdCardNo(num) { var factorArr = new Array(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1); var error;
Time of Update: 2015-02-03
js判斷手機訪問跳轉到手機站第一種方法:<script> if(navigator.platform.indexOf('Win32')!=-1){ //pc //window.location.href="電腦網址"; }else{ //shouji window.location.href="手機網址"; } </script>第二種方法:<script type="text/javascript"
Time of Update: 2015-02-03
js判斷滑鼠移動方向js代碼: var gaga = function(wrap){ var wrap = document.getElementById(wrap); var hoverDir = function(e){ var w = wrap.offsetWidth, h = wrap.offsetHeight, x = ( e.clientX -
Time of Update: 2015-02-03
JS進位取捨和產生隨機數結合一、進位取整 最開始,先來看一下JS中進位取捨的幾個小樣本://JS進位取捨//向上取整alert(Math.ceil(25.9));//列印:26alert(Math.ceil(25.5));//列印:26alert(Math.ceil(25.1));//列印:26//向下取整alert(Math.floor(25.9));//列印:25alert(Math.floor(25.5));//列印:25alert(Math.floor(25.1));//列印:
Time of Update: 2015-02-02
《編寫高品質代碼--Web前端開發修鍊之道》讀書筆記,web前端開發修鍊之道前言這兩周參加公司的新項目,採用封閉式開發(項目成員在會議室裡開發),晚上加班到很晚,所以沒時間和精力寫原創部落格了,今天就分享下這篇《編寫高品質代碼--Web前端開發修鍊之道》讀書筆記吧。 本文欲精一行,必先通十行。 在前端開發這個領域,一專多能更是非常必要的。 table布局缺點:代碼量大,結構混亂;標籤語義不明確,對搜尋引擎不友好。 css布局:div+css,或
Time of Update: 2015-02-02
backbone.js學習執行個體 著手開始學習 什麼是backbone.js? 美公的理解是 一種js的mvc的架構,分為Model(模型),View(視圖)和Collection(集合),如果有mvc分層開發經驗的話,會容易理解。 為什麼學習這個? 因為用他可以在的單個頁面完成多個應用模組,給使用者的感覺是不用重新整理頁面,適合webapp開發 $(function(){ var testModel = Backbone.Model.extend({ defaults:{
Time of Update: 2015-02-02
JavaScript判斷變數是否為空白的自訂函數分享,javascript變數JavaScript本身沒有判斷一個變數是不是空值的函數,因為變數有可能是string,object,number,boolean等類型,類型不同,判斷方法也不同。所以在文章中寫了一個函數,用以判斷JS變數是否空值,如果是undefined, null, '', NaN,false,0,[],{} ,空白字串,都返回true,否則返回false複製代碼 代碼如下:function isEmpty(v) { &
Time of Update: 2015-02-01
js判斷登入與否並確定跳轉頁面的方法,js判斷跳轉頁面本文執行個體講述了js判斷登入與否並確定跳轉頁面的方法。分享給大家供大家參考。具體如下:使用session儲存,確定使用者是否登入,從而確定頁面跳轉至哪個頁面。判斷本地有無customerID:function jumpTo(p, url) { var customerId=sessionStorage.customerId; if (customerId == undefined) { p.attr("href", "
Time of Update: 2015-01-31
javascript獲得網頁的背景色和字型顏色獲得網頁的背景色和字型顏色,方法如下: 思想: 通過取得顏色屬性值得到的是 rgb 色,不是我們想要的,所以需要將 rgb 色裝換為 十六進位色 ,首先獲得rgb色 : 複製代碼 代碼如下:var rgb = document.getElementById('color').style.backgroundColor; 得到格式如下: rgb(225, 22, 23); 然後進行拆分:
Time of Update: 2015-02-01
分享兩個手機訪問pc網站自動跳轉手機端網站代碼,pc自動跳轉4G降臨,移動網站已經一發不可收拾,pc端和移動端官網並存。如何讓別人訪問你的pc端的官網直接跳轉到移動端的網站呢?各位看官,小二上代碼!來了!第一種方法: 需要手機端也網頁的資料同步複製代碼 代碼如下:<script type="text/javascript">(function(){var ua=navigator.userAgent.toLowerCase();var
Time of Update: 2015-01-31
angular簡介和其特點介紹,angular簡介特點以前開發(web或者移動端)前端主要使用jQuery+原生js,如果使用某些前端UI架構的話,它自己還可能提供一些API可以使用。而且目前很多UI架構都是基於jQuery的,所以說一下由jQuery跨到angularjs跨度較大,研究了一段時間的angularjs
Time of Update: 2015-01-31
AngularJS中的模組詳解,AngularJS模組詳解在講angularjs的模組之前,我們先介紹一下angular的一些知識點:AngularJS是純用戶端技術,完全用Javascript編寫的。它使用的是網頁開發的常規技術(HTML,CSS,Javascript),目的是讓網頁應用開發更快更容易。AngularJS簡化應用開發的一個重要方法是,將一個些通用的低級開發操作封裝起來提供給開發人員。AngularJS會自動處理好這些低級操作。它們包括:1.DOM操作2.設定事件的監聽3.輸入驗
Time of Update: 2015-01-31
IE中滑鼠經過option觸發mouseout的解決方案,optionmouseout本文執行個體講述了IE中滑鼠經過option觸發mouseout的解決方案。分享給大家供大家參考。具體分析如下:要實現的功能:有一個DIV,當滑鼠經過時此DIV完全展開,當滑鼠移開時DIV收縮回去,其中DIV裡面有一個select選擇框;操作select的時候在IE中會出現一個問題,當滑鼠經過option時,DIV會收縮回去,而在其他瀏覽器中無此現象。解決的方法:在IE中,當滑鼠移到option時
Time of Update: 2015-01-31
jQuery顯示和隱藏 常用的狀態判斷方法,jquery判斷顯示:show() display:block;隱藏:hide() display:none;當顯示和隱藏切換的時候,需要判斷此刻是顯示還是隱藏,那判斷條件常用以下幾種方法:1.if(thisNode.is(':hidden')){......}else{.......}2.首先給thisNode的Dom元素加class標識,例如改標識為class="showFlag",判斷如下
Time of Update: 2015-01-31
jQuery中$.each使用詳解,jquery.each通過它,你可以遍曆對象、數組的屬性值並進行處理。使用說明each函數根據參數的類型實現的效果不完全一致:1、遍曆對象(有附加參數)$.each(Object, function(p1, p2) { this; //這裡的this指向每次遍曆中Object的當前屬性值 p1; p2; //訪問附加參數}, ['參數1', '參數2']);2、遍曆數組(有附件參數)$.each(Array, function(p1, p2)
Time of Update: 2015-01-31
js操作捲軸事件執行個體,js捲軸執行個體本文執行個體講述了js操作捲軸事件的方法。分享給大家供大家參考。具體分析如下:之前一直很納悶,如何監視捲軸的事件,今天終於有點明白了。下邊代碼,是監聽捲軸只要移動,下方的返回頂部的div顯示與隱藏的代碼window.onscroll = function () { var t = document.documentElement.scrollTop || document.body.scrollTop; if (t > 0) { $(
Time of Update: 2015-01-30
用js控制沒有名字的表單 進行提交 在BS前台設計中,某些地方提交表單是非常方便的。 但是表單的也是有很多中形式的。 表單的建立形式: 1、用進行建立 2、直接設定表單的屬性建立一個沒有名字的表單 1、對於有名字的表單,可以直接寫js事件進行提交//設定表單提交方式 $('#importMethod').form({ url: "/QuestionType/FuzzyQueryQuestionType",
Time of Update: 2015-01-30
javascript將非同步校正表單改寫為同步表單同步表單校正的缺點響應錯誤資訊時,需要重新載入整個頁面(雖然有緩衝,用戶端仍然需要通過http協議對比每個檔案是否有更新,以保持檔案最新)伺服器響應錯誤以後,使用者之前所輸入的資訊全部丟失了,使用者需要從頭開始填寫(部分瀏覽器幫我們緩衝了這些資料)非同步校正表單的初衷提升使用者體驗最大化減少網路請求,減輕伺服器壓力下面我們看一個常見的非同步表單校正(校正工號在後台是否存在,存在為有效工號)校正工號 var BASE_PATH =