基於JQuery模仿蘋果案頭的Dock效果(初級版)

新的一天新的開始,今天要分享的是用JQuery模仿蘋果作業系統案頭的Dock效果,之所以稱之為初級版,是因為其中還有一些bug,顯示效果並不穩定。由於時間的關係,這些bug還沒有修複,希望高手們不吝賜教,提出更好的意見,希望可以做出更好的版本分享給大家。這是靜態,好吧,看上去還想模像樣下面是HTML頁面的代碼:複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

.net indexOf(String.indexOf 方法)

返回 String 對象內第一次出現子字串的字元位置。 public indexOf(value:String, [startIndex:Number]) : Number 搜尋字串,並返回在調用字串內 startIndex 位置上或之後找到的 value 的第一個匹配項的位置。此索引從零開始,這意味著字串中的第一個字元被視為位於索引 0 而不是索引 1 處。如果未找到 value,該方法會返回 -1。 參數 value:String - 一個字串;要搜尋的子字串。

Lazy Load 消極式載入圖片的jQuery外掛程式中文使用文檔

什麼是LazyLoad技術? 在頁面片比較多的時候,開啟一張頁面必然引起與伺服器大資料量的互動。尤其是對於高清晰的圖片,佔了幾百K的空間。Lazy Load 是一個用 JavaScript 編寫的 jQuery 外掛程式. 它可以消極式載入長頁面中的圖片. 在瀏覽器可視地區外的圖片不會被載入, 直到使用者將頁面滾動到它們所在的位置. 這與圖片預先載入的處理方式正好是相反的。 在包含很多大圖片長頁面中消極式載入圖片可以加快頁面載入速度. 瀏覽器將會在載入可見圖片之後即進入就緒狀態.

Regex判斷所填入號碼的電訊廠商js代碼修改版

功能:判斷所填入號碼的電訊廠商 該函數按照以下標準實現 移動:134-139 151 188 聯通:130-132 156 電信:133 189 155 關於這些號段之外的號碼查詢將提示暫無資料資訊 同時由於攜號入網的實施導致號碼的電訊廠商變化且存在不確定性 本程式只做為Regex學習交流使用,可隨意傳播,但是由該程式造成的錯誤,作者概不負責!複製代碼 代碼如下:<html> <script language="javascript"

JS驗證URL函數 正則

這個url的Regex判斷的JavaScript!比較全面的。它驗證的情況包括IP,網域名稱(domain),ftp,次層網域,網域名稱中的檔案,網域名稱加上連接埠!使用者名稱等等資訊,貌似作者也是在網上找的,我從一個項目代碼中扣出來的,是我見過的最強最全面的url驗證方式!太猛了,貼在這裡與大家分享,URL的驗證實在是很頻繁。 複製代碼 代碼如下:function IsURL (str_url) { var strRegex = '^((https|http|ftp|rtsp|mms)?://

一步步做自己的webinstall安裝包

1、 為了能更好的操作IIS,先添加個類庫(InstallClassLibrary)到項目中。附代碼 複製代碼 代碼如下:using System; using System.Collections; using System.Collections.Generic; using System.ComponentModel; using System.Configuration.Install; using System.DirectoryServices; using

js Regex之test函數講解

功能介紹:該方法的傳回值是布爾值,通過該值可以匹配字串中是否存在於Regex相匹配的結果,如果有匹配內容,返回ture,如果沒有匹配內容返回false,該方法常用於判斷使用者輸入資料的合法性,比如檢驗Email的合法性 基本文法:objReg.test(objStr) objReg 必選項 RegExp對象名稱 objStr 要進行匹配檢測的字串 講解執行個體代碼: 複製代碼 代碼如下:<html> <script language="javascript"

jsRegex之RegExp對象之compile方法 編譯Regex

功能說明:該方法可以編譯指定的Regex,編譯之後的Regex執行速度將會提高,如果Regex多次被調用,那麼調用compile方法可以有效提高代碼的執行速度,如果該Regex只能被使用一次,則不會有明顯的效果。 基本文法:objReg.compile(pattern[,flag]) objReg必選項,RegExp物件變數的名稱 pattern 必選項 Regex flag 可選項 匹配選項 複製代碼 代碼如下:<html> <script

基於jquery DOM寫的類似微博發布的效果

複製代碼 代碼如下:<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>微博發布jq版</title> <meta name="Keywords" content=""> <meta name="Description" content=""> <script

jsRegex之exec方法講解

功能說明:該函數通過對指定你的字串進行一次匹配檢測,擷取字串中的第一個與Regex的內容,並且將匹配的內容和子匹配的結果存放在返回數組中 基本方法:objReg.exec(string) objReg,RegExp對象的名稱 string,要進行匹配的字串 複製代碼 代碼如下:<html> <script language="javascript" type="text/javascript"> //設定匹配的字串 var objStr="My Phone號1352222

innerHTML與jquery裡的html()區別介紹

看個樣本: 複製代碼 代碼如下:var tbody=document.createElement('tbody'); tbody.innerHTML='<tr><td>IE下tbody的innerHTML是唯讀</td></tr>'; //在IE下報錯,目標對象錯誤 現在用jquery的html試試, 複製代碼 代碼如下:$(tbody).html('<tr><td>IE下tbody的innerHTML是唯讀</td&

JS的replace方法介紹

該函數的第一個參數是匹配模式的字串。接下來的參數 是與模式中的子運算式匹配的字串,可以有 0 個或多個這樣的參數。接下來的參數是一個整數,聲明了匹配在 stringObject 中出現的位置。最後一個參數是 stringObject 本身。 下文展示了幾種javascript正則表示式的repalce方式,有些方式我們很少在別的地方看到,如第二種和第三方中方法。 複製代碼 代碼如下://下面的例子用來擷取url的兩個參數,並返回urlRewrite之前的真實Url var reg=new

jsRegex之replace函數用法

函數功能:replace函數返回根據Regex進行文字替換後的字串的複製。 函數格式:stringObj.replace(rgExp, replaceText) 參數:字串stringObj,rgExpRegex,replaceText所替換的內容 本文涉及的內容包括字串建立,Regex隱式建立對象,建立Regex,進行replace方法的使用匹配 範例程式碼: [code] <html> <script language="javascript"

jsRegex之match函數講解

功能:使用Regex模式對字串執行尋找,並將包含尋找的結果作為數組返回 函數格式:stringObj.match(rgExp) stringObj為字串必選 rgExp為Regex必選項 傳回值:如果能匹配則返回結果數組,如果不能匹配返回null 複製代碼 代碼如下:<html> <script language="javascript" type="text/javascript"> //使用Regex模式對字串執行尋找,並將包含尋找的結果作為數組返回 var

基於JQuery的類比蘋果案頭Dock效果(穩定版)

已經迫不及待的想要將我的最新成果分享給大家了,其實代碼和之前的版本很相似。 首相是HTML頁面代碼: 複製代碼 代碼如下:<!DOCTYPE html> <html lang="zh-cmn-Hans-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery Dock</title>

jsRegex之search方法講解

功能:返回與Regex尋找內容匹配的第一個子字串的位置 文法:stringObj.search(rgExp) stringObj 必選項 rgExpRegex 傳回值:search 方法指明是否存在相應的匹配。如果找到一個匹配,search方法將返回一個整數值,指明這個匹配距離字串開始的位移位置。如果沒有找到匹配,則返回 -1 範例程式碼: 複製代碼 代碼如下:<html> <script language="javascript" type="text/javascript"

jsRegex之$1$2$3$4$5$6$7$8$9屬性,返回子匹配的結果

功能:$1-$9存放著Regex中最近的9個Regex的匹配結果,這些結果按照子匹配的出現順序依次排列。 基本文法RegExp.$n 注意:這些屬性是靜態,除了replace中的第二個參數可以省略RegExp之外,其他地方使用都要加上RegExp。案例講解:demo1 複製代碼 代碼如下:<html> <script language="javascript" type="text/javascript"> //建立要進行匹配的字串 var objStr="這是My

jsRegex講解之index屬性(RegExp對象)

功能:index與search返回的值相同,不管是是否匹配到合適內容,如果找到合適內容則index為匹配內容其實字元的起始位置,如果沒有找到則返回-1 基本文法RegExp.index 注意:該屬性也是RegExp的靜態屬性,調用方式固定。 複製代碼 代碼如下:<html> <script language="javascript" type="text/javascript"> //alert('Designed By Androidyue');

jsRegex之input屬性($_)RegExp對象屬性介紹

功能說明:該屬性為RegExp的靜態唯讀屬性,該屬性的值為與RegExp對象所描述的Regex進行匹配檢測的字串,該屬性也可以表示成$_ 複製代碼 代碼如下:<html> <script language="javascript" type="text/javascript"> //objStr 為待匹配的內容 var objStr='abcDdefCDDE'; //建立Regex,i表示匹配忽略大小寫 var

文字框input聚焦失焦樣式實現代碼

首先用css的偽類:focus可以改變。 文字框的 html代碼假設如下: 複製代碼 代碼如下:<dl> <dt>Name: <dt> <dd><input type="text" /></dd> <dt>Password: <dt> <dd><input type="password" /></dd> <dt>Textarea: <dt>

總頁數: 61357 1 .... 3168 3169 3170 3171 3172 .... 61357 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.