這次帶給大家jquery實(shí)現(xiàn)疊層3D文字方法詳解，jquery實(shí)現(xiàn)疊層3D文的注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來看一下。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery實(shí)現(xiàn)疊層3D文字特效</title>
<style type="text/css">
*{margin:0px;?padding:0px;}
body{background:#FFF;}
.box{height:160px;?width:800px;?position:absolute;?top:50%;?left:50%;?margin:-90px?0?0?-320px;}
p{color:#7a9c07;?font-size:160px;?position:absolute;?top:0px;?left:0px;letter-spacing:10px;?cursor:pointer;}
</style>
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
function?move(){
?var?i;
?var?a=0;
?for(i=$(".box?p").size();i>0;i--){
?a=a+1;?
?$(".box?p").eq(i).css({left:a*1,top:a*(-1),opacity:i*0.02});
?$(".box?p").eq(i).animate({left:a*(-1),top:a*(-1),opacity:i*0.02},3000);
?$(".box").animate({"margin-left":"-350px"},3000);
?$(".box?p").eq(i).animate({left:a*1,top:a*(-1),opacity:i*0.02},3000);
?$(".box").animate({"margin-left":"-290px"},3000);
?};
};?
$(document).ready(function(){
?var?p=0;
?for(p=0;p<5;p++)
?{
?$(".box").append($(".box?p").clone());?
?};
?move();
?setInterval(move,6100);
?$(".box?p").click(function(){
?$(".box?p").text("疊層3D文字").css({"font-size":"110px"});
?$(".box").css({"margin-top":"-50px"});
?});
});
</script>
</head>
<body>
<p class="box">
?<p>PHP</p>
</p>
</body>
</html>
我相信看了本文案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
推薦閱讀：
jQuery外掛實(shí)現(xiàn)表格隔行變色並且與滑鼠進(jìn)行互動(dòng)
jQuery PHP實(shí)作編輯表格並儲(chǔ)存方法
以上是jquery實(shí)現(xiàn)疊層3D文字方法詳解的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動(dòng)的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級(jí)程式碼編輯軟體(SublimeText3)
熱門話題
微信刪除的人如何找回（簡單教學(xué)告訴你如何恢復(fù)被刪除的聯(lián)絡(luò)人）
May 01, 2024 pm 12:01 PM
而後悔莫及、人們常常會(huì)因?yàn)橐恍┰虿恍⌒膭h除某些聯(lián)絡(luò)人、微信作為一款廣泛使用的社群軟體。幫助用戶解決這個(gè)問題，本文將介紹如何透過簡單的方法找回被刪除的聯(lián)絡(luò)人。 1.了解微信聯(lián)絡(luò)人刪除機(jī)制這為我們找回被刪除的聯(lián)絡(luò)人提供了可能性、微信中的聯(lián)絡(luò)人刪除機(jī)制是將其從通訊錄中移除，但並未完全刪除。 2.使用微信內(nèi)建「通訊錄恢復(fù)」功能微信提供了「通訊錄恢復(fù)」節(jié)省時(shí)間和精力，使用者可以透過此功能快速找回先前刪除的聯(lián)絡(luò)人，功能。 3.進(jìn)入微信設(shè)定頁面點(diǎn)選右下角，開啟微信應(yīng)用程式「我」再點(diǎn)選右上角設(shè)定圖示、進(jìn)入設(shè)定頁面，，
七彩虹主機(jī)板怎麼進(jìn)入bios？教你兩種方法
Mar 13, 2024 pm 06:01 PM
七彩虹主機(jī)板在中國國內(nèi)市場享有較高的知名度和市場佔(zhàn)有率，但是有些七彩虹主機(jī)板的用戶還不清楚怎麼進(jìn)入bios進(jìn)行設(shè)定呢？針對(duì)這一情況，小編專門為大家?guī)砹藘煞N進(jìn)入七彩虹主機(jī)板bios的方法，快來試試吧！方法一：使用u盤啟動(dòng)快捷鍵直接進(jìn)入u盤裝系統(tǒng)七彩虹主機(jī)板一鍵啟動(dòng)u盤的快捷鍵是ESC或F11，首先使用黑鯊裝機(jī)大師製作一個(gè)黑鯊U盤啟動(dòng)盤，然後開啟電腦，當(dāng)看到開機(jī)畫面的時(shí)候，連續(xù)按下鍵盤上的ESC或F11鍵以後將會(huì)進(jìn)入到一個(gè)啟動(dòng)項(xiàng)順序選擇的窗口，將遊標(biāo)移到顯示“USB”的地方，然
怎麼在番茄免費(fèi)小說app中寫小說 分享番茄小說寫小說方法教程
Mar 28, 2024 pm 12:50 PM
番茄小說是一款非常熱門的小說閱讀軟體，我們?cè)诜研≌f中經(jīng)常會(huì)有新的小說和漫畫可以去閱讀，每一本小說和漫畫都很有意思，很多小伙伴也想著要去寫小說來賺取賺取零用錢，在把自己想要寫的小說內(nèi)容編輯成文字，那麼我們要怎麼樣在這裡面去寫小說呢?小伙伴們都不知道，那就讓我們一起到本站本站中花點(diǎn)時(shí)間來看寫小說的方法介紹。分享番茄小說寫小說方法教學(xué) 1、先在手機(jī)上打開番茄免費(fèi)小說app，點(diǎn)擊個(gè)人中心——作家中心 2、跳到番茄作家助手頁面——點(diǎn)擊創(chuàng)建新書在小說的結(jié)
ppt怎麼做圓形的圖片和文字
Mar 26, 2024 am 10:23 AM
首先，在 PPT 中繪製一個(gè)圓圈，然後插入一個(gè)文字框，輸入文字內(nèi)容。最後，設(shè)定文字方塊的填滿和輪廓為無，即可完成圓形圖片和文字的製作。
Win11管理員權(quán)限取得方法總計(jì)
Mar 09, 2024 am 08:45 AM
Win11管理員權(quán)限取得方法匯總在Windows11作業(yè)系統(tǒng)中，管理員權(quán)限是非常重要的權(quán)限之一，可以讓使用者對(duì)系統(tǒng)進(jìn)行各種操作。有時(shí)候，我們可能需要取得管理員權(quán)限來完成一些操作，例如安裝軟體、修改系統(tǒng)設(shè)定等。下面就為大家總結(jié)了一些取得Win11管理員權(quán)限的方法，希望能幫助大家。 1.使用快捷鍵在Windows11系統(tǒng)中，可以透過快捷鍵的方式快速開啟命令提
word中怎麼給文字加點(diǎn)？
Mar 19, 2024 pm 08:04 PM
我們?cè)谌粘Ｑu作Word文件時(shí),有時(shí)需要給文檔中的某些文字下方加點(diǎn),尤其是出試題的時(shí)候。來用於重點(diǎn)突出這部分內(nèi)容,小編給大家分享下word中怎麼給文字加點(diǎn)的技巧，希望能幫助到您。 1.開啟一個(gè)空白word文檔?！ ?.舉例例如給「如何為文字加點(diǎn)」幾個(gè)字的下面加上點(diǎn)?！ ?.我們先把「如何給文字加點(diǎn)」幾個(gè)字用滑鼠左鍵選擇了，注意以後你想給那個(gè)字加點(diǎn)就先用滑鼠的左鍵選擇哪個(gè)字。今天我們給這幾個(gè)字都加一點(diǎn)，所以幾個(gè)字都選了。選中這幾個(gè)字後右鍵，在彈出的功能框中點(diǎn)擊字體。 4.然後就會(huì)出現(xiàn)一個(gè)這樣的
手機(jī)版龍蛋孵化方法大揭密（一步一步教你如何成功孵化手機(jī)版龍蛋）
May 04, 2024 pm 06:01 PM
手機(jī)遊戲成為了人們生活中不可或缺的一部分，隨著科技的發(fā)展。它以其可愛的龍蛋形象和有趣的孵化過程吸引了眾多玩家的關(guān)注，而其中一款備受矚目的遊戲就是手機(jī)版龍蛋。幫助玩家們?cè)谶[戲中更好地培養(yǎng)和成長自己的小龍，本文將向大家介紹手機(jī)版龍蛋的孵化方法。 1.選擇合適的龍蛋種類玩家需要仔細(xì)選擇自己喜歡並且適合自己的龍蛋種類，根據(jù)遊戲中提供的不同種類的龍蛋屬性和能力。 2.提升孵化機(jī)的等級(jí)玩家需要透過完成任務(wù)和收集道具來提升孵化機(jī)的等級(jí)，孵化機(jī)的等級(jí)決定了孵化速度和孵化成功率。 3.收集孵化所需的資源玩家需要在遊戲中
Oracle版本查詢方法詳解
Mar 07, 2024 pm 09:21 PM
Oracle版本查詢方法詳解Oracle是目前世界上最受歡迎的關(guān)聯(lián)式資料庫管理系統(tǒng)之一，它提供了豐富的功能和強(qiáng)大的效能，廣泛應(yīng)用於企業(yè)。在進(jìn)行資料庫管理和開發(fā)過程中，了解Oracle資料庫的版本是非常重要的。本文將詳細(xì)介紹如何查詢Oracle資料庫的版本信息，並給出具體的程式碼範(fàn)例。查詢資料庫版本的SQL語句在Oracle資料庫中，可以透過執(zhí)行簡單的SQL語句
