提問搜尋_PHP中文網

社群學習工具庫休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

javascript - 兩個swiper進行嵌套外層swiper動畫初始的時候，動畫元素被隱藏不顯示

初始狀態滑動到第二頁再劃回來動畫元素出現，動畫正常播放 JS 程式碼

我想大声告诉你 2017-05-19 10:32:28

如何使 CSS 動畫在每次將後續類別新增至元素時運行

我有一個CSS動畫類設置，因此我可以為元素設置動畫。當單擊輸入按鈕時，該類別將添加到中，我希望每次單擊示例中的輸入按鈕時，都會飛到螢幕上。但是，它僅在第一次有效，任何後續的輸入點擊都不會使元素產生動畫。我在這裡缺少什麼？ $(document).ready(function(){jQuery('#cloc').click(function(){jQuery('p').removeClass('anim

P粉714780768 2023-09-09 22:36:42

html - 在jquery使用setInterval讓齒輪循環滾動

有一齒輪，現在做的動畫是，滑鼠懸浮時才會觸發滾動事件，想做的動畫是，頁面載入完成後，隔一段時間齒輪會自己滾出去再滾回來。向右滾動和向左滾動都能實現，但是不知道jquery中怎麼寫“隔一段時間+滾出去再滾回...

習慣沉默 2017-05-16 13:25:04

保持CSS動畫在結束時的最終狀態

我正在對一些在CSS中設定為opacity:0;的元素運行動畫。動畫類別被應用於onClick事件，使用關鍵幀，它將不透明度從0變為1（以及其他一些變化）。不幸的是，當動畫結束時，元素會回到opacity:0的狀態（在Firefox和Chrome中都是如此）。我本能地認為動畫元素會保持最終狀態，覆蓋它們的原始屬性。這不是真的嗎？如果不是，我該如何讓元素保持最終狀態？程式碼（不包括前綴版本）：@keyf

P粉950128819 2023-08-20 18:36:55

wowjs動畫CSS無效，wowjs未為HTML元素新增動畫類

如果您造訪此處網站並使用開發人員工具進行檢查，您將看到這一行<sectionclass="single-itemscenter-blockparallaxm-0"id="home"style="background: url(innovative/img/single-por

P粉748218846 2024-03-19 21:29:39

如何使動畫在懸停時暫停，但一旦滑鼠離開動畫繼續

我已經厭倦了幾個解決方案，這是我得到的最接近的解決方案。但我仍然不滿意結果如何，因為當滑鼠離開元素時，元素會恢復到原來的旋轉狀態。這個想法是，如果你越過該元素，即使滑鼠離開該元素，它也會觸發動畫。如果你將滑鼠懸停在元素上，它會播放動畫並保持在0度，一旦滑鼠離開，另一個動畫就會播放，並旋轉回-8度。 constelements=document.getElementsByClassName('rota

P粉786800174 2024-04-01 09:43:54

javascript - 問個很疑惑的問題？關於jQuery的is(":animated")

這個jQuery中的is(":animated")的實作原理是什麼是根據什麼來判斷當前元素是否在動畫的？是運動時間麼？還是一些其他的屬性來判斷的呢？希望路過的大牛能給指點下迷津...

phpcn_u1582 2017-06-26 10:55:56

JavaScript程式碼執行的作用域順序問題？

var mark2=true;$(".right").click(function(){ {代碼...} function move(obj){ {代碼...} 點選$(".right") 執行move函數，主要是為了給obj元素添加動畫，為了防止$(".right")點擊的頻率過快，讓動畫疊加，所以就...

phpcn_u1582 2017-06-26 10:51:58

如何判斷滑鼠是否停止懸停在一個元素上？

我想知道滑鼠如何停止懸停在javascript或使用css中的元素上。我正在製作一個動畫，當滑鼠懸停在背景上時，背景會改變顏色，我還想在滑鼠停止懸停在元素上時添加動畫。我怎樣才能做到這一點？

P粉547420474 2024-03-31 13:28:28

html5 - z-index在瀏覽器調試有效手機測試無效

在瀏覽器調試的時候發生拖曳事件後箭頭是隱藏的但是在手機微信中就不好用這個元素上是有animation動畫的刪除動畫就有效加上就無效現在的樣式文件中並不存在浮動的原因或是position的原因應該因為在瀏覽器...

高洛峰 2017-07-04 13:45:06

javascript - 一個關於mousdown事件的問題

求助，我用$.animate 實現了一個基於頁面元素mousdown的事件，做好之後發現一個問題，連續多次點擊滑鼠後會重複多次播放動畫，我想要實現的效果是每次點擊時都從頭播放動畫，多次點擊會產生多個mousdown事件，如...

世界只因有你 2017-05-19 10:14:34

如何在不擠壓內容的情況下透過變換對高度進行動畫處理

在我的專案中，當使用者點擊按鈕時，我一直在使用jQueryslideUp()向上滑動200項清單中的元素。但是，眾所周知，CSS高度動畫需要回流，導致動畫不穩定。該動畫是應用程式的一個組成部分，我願意做大量的工作以使其工作並順利工作。我決定CSStransform是讓它順利運作的方法，因為它是在GPU上處理的，在一些現代瀏覽器上，它甚至脫離了主線程，繁重的JS工作不會影響變換。（我確實有繁重的J

P粉208469050 2024-01-01 11:51:20

html5 - 新增了偽元素但是查看元素看不到

{程式碼...} 是想透過這樣的方式設定兩個方向的動畫疊加起來出現曲線的效果但是現在添加的偽元素在查看元素時並看不到請問為什麼哪裡寫錯了

为情所困 2017-07-04 13:45:09

如何讓轉換後的元素不被溢出自動切斷？

我正在使用Bootstrap4為朋友的個人網站製作一個模態畫廊。我設置了它，以便圖像在懸停時展開-但當我將溢出設置為自動時，它們會在模態（或div）的邊緣被切斷。圖庫也是一組選項卡中的第三個，但所有這些都很好用。我嘗試更改哪個div具有overflow-auto類；我嘗試過標記各種不同的標記，但無論我嘗試什麼，我都不知道如何製作它，以便圖庫滾動並且讓我的圖像在懸停時不會被切斷。現在是相關程式碼：.g

P粉242535777 2023-09-07 20:04:02

javascript - transform 製作滾動效果為什麼需要兩個元素

我看別人的文章為什麼實現小球的拋物線效果需要用兩層元素，進行兩個動畫，而不可以只寫一個元素<div class="ball"></div>?然後用transform進行x,y軸的修改，我發現這樣寫沒效果？但是為什麼啊？這...

滿天的星座 2017-05-19 10:18:02

保留分割成單獨 HTML 元素的一行文字的字體間距

我正在嘗試重新創建一種常見技術，將單字拆分為單獨的HTML元素，以便可以透過動畫單獨定位它們。我遇到的問題是，當它們分成單獨的元素時，我會失去單字之間的間距。透過在每個單字後面加上進行渲染，或向每個元素添加填充，我可以添加間距，但我想知道是否有一種方法可以做到這一點，而無需手動添加間隔/將它們彎曲到容器上並可以保留原始間距？我知道有像gsapSplitText這樣的插件，但我

P粉258083432 2023-09-10 18:37:01

解釋為表單中的動畫圖像元素提交的圖像座標

我想透過檢查php$_POST數組來捕獲指示用戶單擊動畫圖像的位置的X:Y值。問題是，雖然我可以獲得靜態圖像上的輸入提交信息，但我似乎無法從動畫圖像中獲取任何值。以下是示範此行為的完整HTML頁面和表單：<!doctypehtml><html><head><metacharset="utf-8"><title>Gunf

P粉421119778 2024-02-26 22:34:14

javascript - 捲動到指定高度開始輪流放逐動畫，QQPC官網就是這麼做的，請問使用什麼開源庫方便點？

http://im.qq.com/pcqq/ 大家研究一下

大家讲道理 2017-05-16 13:21:45

為什麼每次儲存我的vite react專案時，都會在頁面主體中新增新的canvas元素，而不是取代現有的canvas元素？

我正在嘗試開始學習ThreeJs（我也是JavascriptWeb開發的新手）。看了一些教學後，我從vite和react開始，然後從基本的旋轉立方體開始。該部分有效。但是根據我所讀到的有關vite的內容，保存我正在處理的文件應該足以將其重新加載到頁面上。事實並非如此。我檢查了頁面內容，每次保存文件時，都會將2x相同的畫布元素附加到頁面正文（而不是替換現有的），這意味著我必須向下滾動到頁面底部才能看

P粉186904731 2024-03-30 09:57:49

建立動畫文字下劃線：逐步指南

我正在嘗試使<a>標籤元素在懸停時在下劃線中顯示動畫，類似於本頁上的第一個範例。問這個問題幾乎感覺很愚蠢，因為教程就在那裡，但我正在做的事情不起作用，我不知道為什麼。這是我的CSS內容#about-text-boxa{text-decoration:none;font-size:17pt;font-family:'Silkscreen',cursive;color:#ECE0E7;te

P粉366946380 2024-02-03 20:00:08