原创 通過Jquery判斷頁面元素是否在瀏覽器的可視區域內

前端開發中,有時需要判斷某個元素是否在瀏覽器的可視區域內,或者是否已經滾動出了可視區域.首先想到的便是javascript操作,原生方法自然可以,不過Jquery已經封裝了一些屬性,使用起來更方便些,我們這裏就討論這種Jquery的方式

原创 移動端web輪播圖

親測可用! 效果圖: html: <div> <article> <!--scroll--> <div class="scroll relative"> <div class="scroll_box" id=

原创 超慢速移動動畫使用CSS3實現流暢效果

三角碎片以非常緩慢的速度旋轉移動,如果使用JS實現會出現一像素一像素移動的卡頓 使用CSS3會獲得非常理想的效果 transform: translate3d(80px, 150px, 0px) rotate(1220deg); tra

原创 QQ空間頂部摺頁撕開效果

效果: HTML: <div id="pageflip"> <a target="_blank" href="http://www.sparkdesign.cn/"><img width="307" height="319" src

原创 JavaScript中的this關鍵字

JavaScript函數中的關鍵字this並不指其本身(Itself),舉例說明: <code class="hljs javascript has-numbering" style="display: block; padding:

原创 大小不固定的圖片、多行文字的水平垂直居中

本文綜述 想必寫css的都知道如何讓單行文字在高度固定的容器內垂直居中,但是您知道或者想過讓行數不固定的文字在高度固定的容器內垂直居中呢?本文將會告訴你如何實現多行文字的垂直居中顯示。 關於圖片垂直居中顯示,想必很多寫css的人都研究

原创 js防複製、禁止右鍵

// JavaScript Document $(function(){  $(document).bind("contextmenu",function(e){ return false; });  }

原创 wap頁面中手機號碼處理總結

1、防止在iOS設備中的Safari將數字識別爲電話號碼 在測試中發現iPad上的Safari總會把長串數字識別爲電話號碼,文字變成藍色,點擊還會彈出菜單添加到通訊錄。 別的地方倒也罷了,如果在用戶名中出現數字(手機註冊新浪微博的話用戶名

原创 CSS3 主要知識點總結+HTML5 新增標籤

目錄: 1、CSS 屬性編寫順序 2、CSS3屬性(內核前綴) 3、position相對/絕對定位 4、overflow:scroll等的區別 5、display屬性應用 6、盒模型計算方法和Bug 7、CSS3新增加的結構標籤

原创 通過document.referrer判斷頁面是鏈接調整還是新打開以及來源

業務需求: 1、複製鏈接或者QQ中在瀏覽器中新打開的鏈接,點擊“返回”跳轉到列表頁; 2、從列表頁鏈接調整進的店“返回”執行瀏覽器的“返回”動作,好處是能直接定位到列表頁上次瀏覽的位置。 function ClickBack(){

原创 jsonp跨域請求

$.ajax({                 async: true,//默認值: true,爲異步請求。如果需要發送同步請求,將此選項設置爲 false。注意,同步請求將鎖住瀏覽器,用戶其它操作必須等待請求完成纔可以執行。    

原创 jQuery的ajax async同步和異步介紹

項目中有這樣一個需求,使用ajax加載數據返回頁面並賦值,然後前端取出該值 這其中涉及到代碼的順序問題,有時後臺還未返回數據,但已執行後面代碼, 所以就會造成取不到值 [javascript] view plaincopy

原创 jquery自定義動畫animate()

在以前很長一段時間裏,網頁上的各種特效還需要採用flash 在進行。但最近幾年裏,我們已經很少看到這種情況了,絕大部分已經使用JavaScript 動畫效果來取代flash。這裏 說的取代是網頁特效部分,而不是動畫。網頁特效比如:漸

原创 PHP 連接 SQL2008

兩種方法 第一種 使用微軟提供的dll文件擴展php 第二種 用php自帶的擴展mssql (有人說第二種不行總出錯,所以我選了第一個,並且成功了)  原文地址  http://blog.csdn.net/silentb

原创 jquery全局變量---同步請求設置

1、同步 $.ajaxSetup({   async: false  }); 2、異步 $.ajaxSetup({   async: true   }); 3、說明:我們一般使用同步完要恢復異步。因爲js默認爲異步操作的。這個是