javascript - JS事件冒泡問題

結案：改用CSS來實現此動效了。謝謝各位的幫助，改用CSS來現實此動效了。 1、我在下述程式碼中監聽了a標籤的mouseover和mouseout事件來觸發canvas動畫，在mouseover、mouseout的回調中阻止了事件冒泡，但當滑鼠移...

学习ing 2017-06-12 09:32:56 0  3  825

vue 和 vuetify 元件上的滑鼠懸停效果

因此，我嘗試重新創建滑鼠懸停效果，如以下文章中的範例所示：https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330但就我而言，我希望使用Vue.js將懸停效果應用到vuetify庫中的v-card。所以這是我的嘗試：https://codepen.io/pokepim/pen/NWdwOEq現

P粉032649413 2024-03-27 16:31:16 0  1  438

學習如何透過CSS修改塊的邊緣實現羽化效果

如何修改我的CSS，使盒子的邊緣具有羽化模糊效果？我希望盒子的背景具有磨砂玻璃效果，而不是周圍的銳利邊緣，而是具有羽化效果，可以逐漸與背景融合，但我不知道如何修改當前的CSS。希望能得到你的幫助，謝謝。 .wrap{position:relative;width:100%;height:100vh;background-image:url('https://images.unsplash.com/p

P粉785522400 2023-08-16 18:38:07 0  1  716

CSS技巧：建立水平線和居中文字

我正在嘗試製作一個帶有一些文字的水平分隔線。例如：-------------------------------------------------這裡是我的標題-------- ---------------------有沒有辦法在CSS中實現這個效果？顯然不需要使用所有的"-"破折號。

P粉248602298 2023-08-20 15:11:18 0  2  510

CSS顯示屬性的漸層效果

我目前正在設計一個CSS的“超級下拉選單”-基本上是一個常規的純CSS下拉選單，但其中包含不同類型的內容。目前，似乎CSS3的過渡效果不適用於「display」屬性，也就是說，無法從display:none過渡到display:block（或任何組合）。在上面的範例中，有沒有辦法讓第二級選單在有人懸停在頂級選單項目上時「淡入」？我知道可以在visibility:屬性上使用過渡效果，但我無法想出有效使

P粉608647033 2023-08-21 11:08:32 0  2  583

使網格容器填充列而不是行

我希望我的網格像這樣垂直填充：147258369...arbitrarynumberofadditionalrows.相反，它會像這樣水平填充：123456789我想指定網格中的列數，而不是行數。這就是我的div使用內聯CSS樣式的樣子：<divstyle="display:grid;grid-template-columns:1fr1fr1fr;"><div

P粉551084295 2023-08-27 20:59:46 0  1  499

javascript - 關於css和js載入時阻塞頁面呈現的問題

為了進行測試，我刻意將big.css(3.8MB)和big.js(8.1MB)檔案變大.控制台網路選擇了Regular 4G,開啟了Disable cache，並且js檔案和css檔案都在body標籤之後引入。第一種情況:頁面中不引入big.js，只引入big.css: {...

曾经蜡笔没有小新 2017-05-18 10:58:43 0  1  634

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

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

为情所困 2017-07-04 13:45:09 0  2  2019

javascript - 手機版網站導航條水平滑動減速效果是如何實現的

各大網站手機版的導航條一般是可以水平滑動的，在觸摸滑動離開手機屏幕之後還有減速滑動的效果，挺喜歡這個功能的，全網搜了很多，找到的都是介紹js 觸摸事件，一直沒找到詳細的方法，還請大神說一下原理，具體...

给我你的怀抱 2017-06-28 09:27:42 0  1  911

javascript - 程式設計的初學者,要不要用編輯器抄寫例如jQuery或thinkphp的源碼?

程式設計的初學者,要不要用編輯器抄寫例如jQuery庫或thinkphp框架的源碼?來提升程式設計的能力和思想? 記得在知乎上看到一個人,就是如上所做.現在再去找那個回答找不到了.大神們說說這樣效果好麼?

高洛峰 2017-06-05 11:07:36 0  3  598

javascript - 如何判斷元素目前處於視覺區域內

如題，就是我現在有一排橫向排版的li，橫向可以自由滑動，當某個li處於當前可視區域內，就改變它的一些樣式，這樣的效果該怎麼寫？望各位大神幫忙解答。 。 。 。 。 。 。

天蓬老师 2017-07-05 11:07:20 0  5  1139

javascript - 如何禁止sarafi、IE在行動端出現的橡皮筋效果

在ios上的safari瀏覽器中，當網頁捲動到最頂端的時候，還可以像橡皮筋一樣再滾一段距離，鬆手後回彈。在window的平板上也有這個效果。請問怎麼用css禁止這個效果，因為很多時候會影響頁面內部的捲動。據我所知...

大家讲道理 2017-05-19 10:12:15 0  1  622

安全性禁用 WP REST API

我正在考慮提高我的Wordpress網站的安全性，在這樣做時發現預設啟用了WPRESTAPI（如果我沒記錯的話，從WP4.4開始）。禁用它的安全方法是什麼？這裡的「安全」是指它不會導致意外的副作用，例如不會破壞任何其他WP核心功能。一種可能的方法是使用.htaccess重寫規則，但令人驚訝的是我沒有找到任何這樣做的「官方」說明。非常感謝任何幫助或建議:)更新：第三方外掛程式不是我正在尋找的解決方案。盡

P粉463811100 2024-01-10 16:27:31 0  2  502

關於Nginx強制跳轉HTTPS的問題

我從網路上查了一下，其中有個是這樣寫的： 請問https://$host$1 permanent;這裡的$host$1 和permanent 分別是什麼意思？ 剛百度查了一下，$host是請求的主機名， $1是第一個匹配的結果 permanent應該是永久定向。 ……

给我你的怀抱 2017-05-16 17:08:12 0  1  489

css 在螢幕上居中彈出窗口，適用於電腦和平板電腦，但不適用於手機

嘗試使用CSS在螢幕中央顯示幫助彈出視窗。在我的電腦和ipad上，它工作正常，但在iPhone上，彈出視窗在整個可滾動垂直空間內垂直居中，這意味著我有時必須向上或向下滾動才能看到它。我希望它在調用時位於當前可見螢幕的中心。 （請注意，頁面高度不是靜態的，即根據使用者活動而增加和縮小）。這是相關的CSS：.helpcontent{position:fixed;top:50%;left:50%;trans

P粉662802882 2024-03-28 20:02:46 0  1  384

背景與透明文字被剪掉

有沒有辦法用CSS製作出如下圖所示的從背景中切出透明文字效果？由於圖像取代了文字而失去了所有寶貴的SEO，這將是令人遺憾的。我首先想到了陰影，但我想不出任何東西......該圖片為網站背景，絕對定位的<img>標籤

P粉439804514 2024-03-25 16:47:36 0  2  607

如何有效利用 CSS 自訂屬性？

我正在開發一個具有自訂主題設定的應用程序，允許用戶選擇應用程式用來產生一組10個順風風格顏色變數的原色。我使用javascript生成顏色並將它們注入到dom中，但在我的研究中，我發現不可能注入scss變量，因為dom只能訪問編譯後的css。因此，我不得不使用css自訂屬性而不是scss顏色。我知道這是一個不尋常的用例，而不是scss與顏色一起使用的方式，但我希望能夠找到解決問題的有效解決方案

P粉384366923 2024-01-16 19:00:56 0  1  385

CSS 顯示屬性上的轉換

我目前正在設計一個CSS“大型下拉”選單-基本上是一個常規的純CSS下拉選單，但包含不同類型的內容。目前，CSS3過渡似乎不適用於「display」屬性，也就是您無法從display:none到display:block（或任意組合）。當有人將滑鼠懸停在頂級選單項目之一上時，是否有辦法使上例中的第二層選單「淡入」？我知道您可以在visibility:屬性上使用轉換，但我想不出有效使用它的方法。我也嘗試過

P粉958986070 2023-08-23 12:27:32 0  2  607

搜尋自動提示（補全）已經有很好的方案了，為什麼要重複造輪子

實作一個智慧提示功能需要JavaScript、ajax、資料庫、jsp/php很多知識，如果資料量大還需要特殊優化，一個小功能，花費太大精力不合適但這是個可有可無的功能嗎，肯定不是對使用者而言，可以有效降低輸入成本，在面對輸入框時，獲得更多提示，不用那麼迷茫和無助對站長而言，可以優先推送網站的關鍵訊息，

panie 2017-06-29 16:03:09 0  1  1812

如何在我的點擊功能中只允許選擇一個元素？ （純JS）

我正在創建一個測驗應用程序，它從API中提取數據，構建一系列問題，然後每次在測驗頁面上加載不同數量的“答案元素”，具體取決於從數組中隨機選擇的問題。下面是創建一系列可點擊的「玩家卡」的功能，這些卡片是CSS卡樣式的有效答案。這個想法是用戶選擇一張卡，然後點擊檢查按鈕來運行該功能以檢查是否正確。除了一件事之外，該功能運作良好。用戶可以選擇所有卡片。我遇到的問題是，您可以單擊所有答案，它們都會獲得CSS類

P粉345302753 2024-01-29 14:08:19 0  1  470