Time of Update: 2015-11-02
純css實現照片牆3D效果,css實現照片3d每張照片都有美麗的故事、美好的回憶。家置中的照片牆則幫你展現出這些承載著家庭重要記憶的照片,除了用畫框裝飾照片掛在牆上外,照片牆還可以演變為手繪照片牆。也經常在網上看到一些關於照片牆的特效案例,決定自己動手試試。v直接上代碼這篇部落格呢就是示範一個照片牆的效果。所以廢話不多說,直接上代碼然後展示特效。有興趣的道友可以自己練練手試試。也可以改動改動其中的屬性多玩玩,自己測試的時候建議用美女的照片,絕對"樂在其中"。1.準備材料: 準備材料就是
Time of Update: 2015-11-02
rgba()相容IE8,rgba相容ie8CSS: //一般的進階瀏覽器都支援 background: rgba(255,255,255,0.1); //IE8下 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);第二句話的意思就是當上一行的透明度不起作用的時候執行。這句話的意思本來是用來做漸層的。
Time of Update: 2015-11-02
html的<meta>標籤的作用,htmlmeta標籤作用<meta>標籤包含了頁面文檔的上下文資訊。主要包含的上下文資訊:1.配置了伺服器向瀏覽器響應時,http協議的head資訊,瀏覽器根據head執行相應操作。2.對頁面的描述資訊,便於搜尋引擎分類尋找。 在 HTML 中,<meta> 標籤沒有結束標籤。在 XHTML 中,<meta>
Time of Update: 2015-11-02
[轉]顏色配色,顏色配色製作網頁的過程中,我一直不知道應該如何配色。我的意思是,我不知道應該選擇哪些顏色放在一起,完全憑感覺。於是昨天,我在網上找了一些資料,希望找到理論指導。結果很失望。顏色理論研究的都是顏色的本質,至於顏色搭配,最終靠的還是個人感覺。說到底,Choosing colors is art, not science。不過,我還是記錄一下吧,其中一些東西還是很有趣的。=================1. Color Wheel所謂Color
Time of Update: 2015-11-02
增加字型和顏色樣式-------CSS,字型樣式-------css通過使用CSS,控制文本的字型,風格和顏色1.基本操作: 1 body{ 2 font-family: Verdana, Geneva, Tahoma, sans-serif 3 } 4 5 body{ 6 font-size: 14px 7 } 8 9 body{10 color: silver11 }12 13 body{14 font-weight: bold15 }16 1
Time of Update: 2015-11-03
Javascript設計模式理論與實戰:簡單原廠模式通常我們建立對象最常規的方法就是使用new關鍵字調用建構函式,這會導致對象之間的依賴性。原廠模式是一種有助於消除類之間依賴性的設計模式,它使用一個方法來決定要執行個體化哪一個類。本文詳細介紹了簡單原廠模式的理論,並且舉例說明了簡單原廠模式的具體應用。基本介紹簡單原廠模式是原廠模式中最基本的一種。通過定義一個工廠類,根據參數執行個體化具體的某個產品類。舉例說明我們舉個例子進行說明:假設我們開發一個旅遊行業網站,網站上面銷售機票,酒店等產品。一個使
Time of Update: 2015-11-02
javascript跨域總結之window.name實現的跨域資料轉送,自己實踐了一下,真的很好用。特將具體實現方法記錄如下有三個頁面: a.com/app.html:應用頁面。 a.com/proxy.html:代理檔案,一般是一個沒有任何內容的html檔案,需要和應用頁面在同一域下。
Time of Update: 2015-11-02
JavaScript調用傳遞變數參數的相關問題及解決辦法,javascript相關問題舉例有一個js方法,接收參數:複製代碼 代碼如下:function f1(myValue){ alert(myValue); }有一個變數:複製代碼 代碼如下:var passValue="Hello World";在調用這個方法的時候(我是出現在Ajax提交的時候):@Ajax.ActionLink("文本","控制器",new{參數},new AjaxOptions(){ HttpMethod="post"
Time of Update: 2015-11-01
javascript字串替換函數如何一次性全部替換掉,javascript字串JS字串替換函數:Replace(“字串1″, “字串2″)1.我們都知道JS中字串替換函數是Replace(“字串1″, “字串2″),但是這個函數只能將第一次出現的字串1替換掉,那麼我們如何才能一次性全部替換掉了?<script> var s = "LOVE LIFE ! LOVE JAVA ..."; alert(s); alert(s.replace("LOVE ", "愛")); alert(s.
Time of Update: 2015-11-01
JavaScript中的定時器之Item23的合理使用,javascriptitem23在javascritp中,有兩個關於定時器的專用函數,它們是: 1.倒計定時器:timename=setTimeout("function();",delaytime);
Time of Update: 2015-11-01
jQuery+Ajax實現無重新整理分頁,jqueryajax1、前台使用ajax無重新整理分頁,主要需要產生分頁的工具條,這裡使用的是jquery.pagination.js下面貼出代碼 /** * This jQuery plugin displays pagination links inside the selected elements. * * @author Gabriel Birke (birke *at* d-scribe *dot* de) * @version 1.
Time of Update: 2015-11-01
解決jquery中動態新增的元素節點無法觸發事件問題的兩種方法,jquery節點比如做一個ajax讀取留言列表的時候,每條留言後面有個回複按鈕,class為“reply”,如果你用的是$(".reply").click(function(){ //do something...
Time of Update: 2015-10-31
牛叉的Jquery——Jquery與DOM對象的互相轉換及DOM的三種操作,jquerydom只有jQuery對象才能調用jQuery類庫的各種函數,同樣有些dom對象的屬性和方法在jQuery上也是無法調用的,不過基本上jQuery類庫提供的函數包含了所有的dom操作。這就需要我們知道如何將jQuery對象和DOM的相互轉換的方法。1.jQuery對象就是通過jQuery封裝DOM對象後產生的對象。2.jQuery對象和DOM對象的相互轉換。良好的書寫風格:複製代碼 代碼如下:var
Time of Update: 2015-11-01
js實現點擊擷取驗證碼倒計時效果,js擷取驗證碼倒計時網站中為了防止惡意擷取驗證簡訊、驗證郵箱,都會在點擊擷取驗證碼的按鈕上做個倒計時的效果。實現這個功能,一個setInterval和一個clearInterval就能搞定了,不需要太多的代碼。執行個體效果和代碼如下:<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><input type="button"
Time of Update: 2015-11-01
jQuery實現的仿百度分頁足跡效果代碼,jquery分頁本文執行個體講述了jQuery實現的仿百度分頁足跡效果代碼。分享給大家供大家參考,具體如下:這是一個類似於百度的分頁足跡效果,基於jquery,原理就是所有為奇數的足跡元素給不一樣的樣式而已,其它的非奇數元素就按預設的樣式。參數說明:obj為所有奇數元素 even當前所要點擊觸發事件 bg為足跡元素 active_bg為點擊後的足跡背景運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-
Time of Update: 2015-11-01
自己動手寫的javascript前端等待控制項,javascript前端等待控制項在網上搜有好多種,但是都很複雜,不一定用的順手,再說我的項目是bootstrap的原因,又不敢輕易使用第三方控制項,怕不相容,於是自己動手寫了個等待控制項,其技術點包括動態載入CSS,javascript的命名空間,所以記錄一下。這個等待控制項主要是:進行某個操作前,顯示一個資訊提示:“資料載入中,請稍候。。。”,操作成功後,在回呼函數中將提示消失,原理是這個等待控制項完全由JS動態加進去,包括CSS,頁面中並無預
Time of Update: 2015-11-01
基於jQuery實現的美觀星級評論打分組件代碼,jquery打分本文執行個體講述了基於jQuery實現的美觀星級評論打分組件代碼。分享給大家供大家參考,具體如下:這款jquery星級評論打分組件,是通用打分組件,callBack打分後執行的回調,this.Index:擷取當前選中值。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-rate-dfzj-codes/具體代碼如下:<!DOCTYPE HTML><html>
Time of Update: 2015-10-31
如何根據百度地圖計算出兩地之間的駕駛距離(兩種語言js和C#),以下是使用js代碼實現百度地圖計算兩地距離,代碼如下所示:<script src="js/jquery-1.9.0.js" type="text/javascript" language="javascript"></script><script language="javascript" type="text/javascript"
Time of Update: 2015-11-01
jQuery密碼強度檢測外掛程式passwordStrength用法執行個體分析,jquerypassword本文執行個體講述了jQuery密碼強度檢測外掛程式passwordStrength用法。分享給大家供大家參考,具體如下:這裡賦予密碼強度為10個等級(執行個體中的progressImg1.png是一張包含十個狀態的圖片),然後通過設定每
Time of Update: 2015-10-31
jQuery實現瀑布流布局詳解(PC和移動端),jquery布局瀑布流布局已成為當今非常普遍的圖片展示方式,無論是PC還是手機等行動裝置上。這種布局圖片的樣式大概分為三種:等高等寬、等寬不等高、等高不等寬,接下來我們就最為普遍的等寬不等高形式來作為樣本。我們用百度圖片作為範例: 這就是PC端比較常見的瀑布流布局方式,接下來我們審查下元素看看百度圖片裡面是如何布局:可以看到,它裡面實際是若干個等寬的列容器,通過計算將圖片push到不同的容器裡。而本文介紹的展示方法是通過定位的方式,雖然最