Time of Update: 2015-02-01
項目中常用的JS方法整理,項目js整理驗證是否為圖片格式複製代碼 代碼如下: function IsImgType(src) { var rFilter =
Time of Update: 2015-02-01
jQuery彈出框代碼封裝DialogHelper,jquerydialoghelper看了jQueryUI Dialog的例子,效果還不錯,就是用起來有點兒彆扭,寫出的代碼有點擰巴,需要再封裝一下!於是就有了下面這個簡單的DialogHelper輔助類,因為這篇文章分享的重點是思路,所以目前版本的代碼也還非常粗糙。思路對了,後續再封裝成什麼樣都不過是形式而已,希望這個思路能給大家點啟迪,同時歡迎大家開拓思維,提出更好的改進意見。複製代碼 代碼如下://require ScrollHelper.
Time of Update: 2015-02-01
js判斷手機和pc端選擇不同執行事件的方法,jspc本文執行個體講述了js判斷手機和pc端選擇不同執行事件的方法。分享給大家供大家參考。具體如下:判斷是否為手機:function isMobile(){ var sUserAgent= navigator.userAgent.toLowerCase(), bIsIpad= sUserAgent.match(/ipad/i) == "ipad", bIsIphoneOs= sUserAgent.match(/iphone os/i) ==
Time of Update: 2015-02-01
jQuery實現帶滾動線條導航效果的方法,jquery線條本文執行個體講述了jQuery實現帶滾動線條導航效果的方法。分享給大家供大家參考。具體分析如下:最早見到這種導航是在魅族的官網,當時(去年)覺得挺不錯的但自己不會JavaScript,因此那時“可望而不可及”。今日去手機QQ for Android官網,又發現類似這樣的導航,反正自己也沒啥事,所以就嘗試用jQuery做出這樣的效果。效果如下:首頁說說日誌相簿 CSS:body,ul,li{margin:
Time of Update: 2015-02-01
js實現螢幕自適應局部代碼分享,js螢幕自適應局部有小夥伴留言說需要一個js實現螢幕自適應局部的代碼,這裡簡單整理了下,放出來給大家。複製代碼 代碼如下:<!doctype html><html><head><meta charset="utf-8"><title>無標題文檔</title><style>*{margin:0;padding:0;list-style:none;}div{margin:0
Time of Update: 2015-02-01
JS解析XML執行個體分析,jsxml執行個體分析本文執行個體講述了JS解析XML的方法。分享給大家供大家參考。具體實現方法如下:<script type="javascript"> var txt="<note>"; txt=txt+"<to>George</to>"; txt=txt+"<from>John</from>"; txt=txt+"<heading>Reminder</heading>
Time of Update: 2015-02-01
使用mouse事件實現簡單的滑鼠經過特效,mouse事件滑鼠特效代碼超級簡單,這裡就不多BB了,直接奉上複製代碼 代碼如下:<!doctype html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Document</title> <style
Time of Update: 2015-02-01
javascript中AJAX用法執行個體分析,ajax執行個體分析本文執行個體講述了javascript中AJAX用法。分享給大家供大家參考。具體分析如下:相容地獲得XMLHttpRequest對象:var xhr = null; if(window.XMLHttpRequest){ //非IE瀏覽器 xhr = window.XMLHttpRequest; }else if(window.ActiveXObject){ //IE瀏覽器 try{
Time of Update: 2015-02-01
js控制輸入框獲得和失去焦點時狀態顯示的方法,js輸入框本文執行個體講述了js控制輸入框獲得和失去焦點時狀態顯示的方法。分享給大家供大家參考。具體實現方法如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html
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-02-01
javascript中鍵盤事件用法執行個體分析,javascript執行個體分析本文執行個體分析了javascript中鍵盤事件用法。分享給大家供大家參考。具體如下:鍵盤事件包含onkeydown、onkeypress和onkeyup這三個事件事件初始化function keyDown(){} document.onkeydown = keyDown; //論按下鍵盤上的哪個鍵,都將調用KeyDown()函數。 DOM標準下function keyDown(e) { var keycode =
Time of Update: 2015-01-31
JavaScript中實現繼承的三種方式和執行個體,javascript三種方式javascript雖然是一門物件導向的語言,但是它的繼承機制從一開始設計的時候就不同於傳統的其他物件導向語言,是基於原型的繼承機制,但是在這種機制下,繼承依然有一些不同的實現方式。方法一:類式繼承所謂的類式繼承就是指模仿傳統物件導向語言的繼承方式,繼承與被繼承的雙方都是“類”,代碼如下:首先定義一個父類(或超類):function Person(name){ this.name=name; }
Time of Update: 2015-01-31
js實現點擊左右按鈕輪播圖片效果執行個體,js執行個體本文執行個體講述了js實現點擊左右按鈕輪播圖片效果的方法。分享給大家供大家參考。具體實現方法如下:$(function () { var index = 1; var pPage = 1; var $v_citemss = $(".citemss"); var $v_show = $v_citemss.find("ul"); v_width = $v_citemss.width();//圖片展示區外圍div的大小 /
Time of Update: 2015-01-31
推薦一個自己用的封裝好的javascript外掛程式,封裝javascript外掛程式具體內容請看注釋,這裡就不多BB了,奉上代碼:/// <reference path="vendor/jquery-1.4.1-vsdoc.js" />///檢測表單中的不可為空(.notnull)的驗證/* 時間:2012-6-6 作用:一對form標籤下有多個(包括一個)表單需要提交時,使用js準確的判斷當前按鈕對那些元素做判斷 用法:在form標籤下 找到當前 表單的容器
Time of Update: 2015-01-31
javascript 數組操作詳解,javascript詳解1、數組的建立var arrayObj = new Array(); //建立一個數組var arrayObj = new Array([size]); //建立一個數組並指定長度,注意不是上限,是長度var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 建立一個數組並賦值
Time of Update: 2015-01-31
淺談Javascript 數組與字典,淺談javascript數組Javascript 的數組Array,既是一個數組,也是一個字典(Dictionary).先舉例看看數組的用法。複製代碼 代碼如下:var a = new Array(); a[0] = "Acer"; a[1] = "Dell"; for (var i in a) { alert(i); }
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
行動裝置web開發首選架構:zeptojs介紹,webzeptojs最近看到了一篇文章,是介紹一種新的js架構,名為zepto.js,他適用於行動裝置已經案頭瀏覽器除了ie系列的。。他相容jquery的API,所以學起來或用起來並不吃力。他比jquery的優勢在於1.他夠小,只有21k左右。。功能俱全。2.增加了行動裝置的觸摸等事件,不需要再次引入其他手機架構如jquery mobile。3.雖然不相容ie但是提供了一個相容方法:複製代碼 代碼如下:<script>document.
Time of Update: 2015-01-31
jquery通過load擷取檔案的內容並跳到錨點的方法,jquery本文執行個體講述了jquery通過load擷取檔案的內容並跳到錨點的方法。分享給大家供大家參考。具體分析如下:昨天在做一個類似於協助文檔型的頁面,左邊是導航,右邊顯示的是內容。本來打算右邊內容顯示地區用iframe來實現,但由於要做iframe的適應高度所以就換了一種方法,使用jquery的ajax中的load方法。擷取遠程檔案中的內容很容易實現,直接使用jquery的load方法:$("#content").load("xxx
Time of Update: 2015-01-31
jQuery實現流動虛線框的方法,jquery實現流動虛線本文執行個體講述了jQuery實現流動虛線框的方法。分享給大家供大家參考。具體分析如下:在百度UEditor的首頁看到一個流動的虛線框的效果,所以自己用jQuery嘗試也寫一個,效果如下:css:.dashed-box{width:500px;height:100px;overflow:hidden;position:relative;}.dashed-top{width:2000px;height:0px;border-bottom:2