主页 / user-256368

etterwin's questions

Martin Hope
etterwin
Asked: 2022-03-26 17:08:58 +0000 UTC
  • 0

在线商店的区域具有独特的子域。在子域区域中从一个页面移动到另一个页面时，引用者总是存储协议+子域+域的值，即丢弃资源路径和参数。

例如，如果我们从产品卡片页面 ( https://spb.magazin.ru/tovar/kosilka/huter/huter_motokultivator_gmc-6.5/) 转到授权页面 ( https://www.magazin.ru/login/)，那么只有https://spb.magazin.ru/.

如果我们不在子域区域中，那么引用者将是正确的https://www.magazin.ru/tovar/kosilka/huter/huter_motokultivator_gmc-6.5/

复制此案例的区域无关紧要，它适用于任何特定的子域。告诉我，由于什么原因可以错误地形成推荐人？

url
Martin Hope
etterwin
Asked: 2020-11-03 20:58:39 +0000 UTC
  • 0

Django 不会将本地字体应用于选择器，但其他一切都有效。通过与 google-fonts 的链接连接的字体按预期应用。什么可以解决这个问题？

CSS：

@font-face {
  font-face-name: This;
  src: url("../assets/font/This-Regular.woff");
}
.header-logo {
  font-family: This, serif;
  text-transform: uppercase;
  color: white;
  font-size: 40px;
}
html
Martin Hope
etterwin
Asked: 2020-10-24 17:21:18 +0000 UTC
  • 0

我们有几个id：icon_1、icon_2、icon_3。我想在脚本中写一个“通用” id，为此会发生一些动作，以便获得像 icon_[i] 这样的东西。JS中有这种可能性吗？

为了不为每个 id 每次都在脚本中编写一个动作：

document.getElementById("icon_1").classList.remove("nav-icon--active");

document.getElementById("icon_2").classList.remove("nav-icon--active");
javascript
Martin Hope
etterwin
Asked: 2020-10-24 16:29:58 +0000 UTC
  • 0

下午好。有必要将事件上的图片替换为相同但颜色不同的图片。问题是，什么更好用：更改事件中 svg-figure 的颜色或通过脚本加载另一个图标？

javascript
Martin Hope
etterwin
Asked: 2020-08-22 17:54:42 +0000 UTC
  • -2

在第一次悬停时，下拉菜单起作用，然后您需要重新加载页面，以便它在悬停时再次退出在此处输入图像描述

.navigation-item {
   display: inline-block;
   margin-right: 2%;
   padding: 10px 0;}
.dropdown > .dropdown-link::after {
    content: "";
    float: right;
    margin: 10px 5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #CCC;}

  .dropdown .dropdown-list {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 120px;
    overflow: hidden;}

  .dropdown .dropdown-link {
    display: block;
    width: 100%;
    color: #F5F5F7;
    font-size: 18px;}

  .dropdown-item-link {
    color: #F5F5F7;
    font-size: 18px;
    opacity: 0.8;}

  .dropdown-item-link:hover {
    opacity: 1;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    transition: all 0.3s ease-in-out;}

  .dropdown-item-link:not(:hover) {
    transition: all 0.3s ease-in-out;}

  .dropdown .dropdown-item {
    height: 0;
    width: 100%;
    overflow: hidden;
    transition: all 500ms;
    transition-delay: 300ms;}

  .dropdown.hover:hover .dropdown-item{
    height: 40px;}

  .dropdown.hover:hover .dropdown-item:first-child {
    padding-top: 15px;}
css
Martin Hope
etterwin
Asked: 2020-07-06 16:21:48 +0000 UTC
  • 4

在此处输入图像描述

鱼游了一段距离，到达一定距离后，它必须转身游回来。动画规则是什么？

CSS

@keyframes go-right-left {
  from {
    right: 0px;
  }
  to {
    right: calc(40% - 50px);
  }
}

@-webkit-keyframes go-right-left {
  from {
    right: 0px;
  }
  to {
    right: calc(40% - 50px);
  }
}

.fish-blue {
  animation: go-right-left 60s ease infinite alternate;
  -webkit-animation: go-right-left 60s ease infinite alternate;
  position: relative;
}
css
Martin Hope
etterwin
Asked: 2020-06-27 22:27:20 +0000 UTC
  • 0

下载结束后如何显示链接？

var bar = $('.progress-bar');
var p = $('.progress-bar-text');

var width = bar.attr('style');
console.log(width);
width = width.replace("width:", "");
width = width.substr(0, width.length - 1);


var interval;
var start = 0;
var end = parseInt(width);
var current = start;

var countUp = function() {
  current++;
  p.html(current + "%");

  if (current === end) {
    clearInterval(interval);
  }
};

interval = setInterval(countUp, (1000 / (end + 1)));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="question quest-loader quest-hiden" id="progress-bar">
  <div class="progres__bar">
    <span class="progress-bar" style="width:100%"></span>
    <p class="progress-bar-text"></p>
  </div>
  <a href="#" class="question__btn" id="btn-12">Show result</a>
</div>

javascript