<div class="notification__inner">
<p hidden class="notification__item">1</p>
<p hidden class="notification__item">2</p>
<p hidden class="notification__item">3</p>
</div>
const notificationItem = document.querySelectorAll('.notification__item');
notificationItem.forEach(notification => {
setInterval(() => {
notification.hidden = false;
}, 2000);
});
它需要作为网站上的通知栏。显示一个，然后隐藏，然后显示第二个，依此类推……直到用户单击十字关闭所有内容。
任务很简单，但是苦苦寻找了2-3个小时，一无所获，也想不通怎么去做。在此示例中，我希望块notification__item交替显示
告诉我如何检查菜单是否有子菜单？我的想法很简单：如果一个li元素内部有一个元素ul，则包含子菜单并且需要给父级一个类。
<nav class="header__nav">
<ul class="header__menu">
<li><a href="#">Home</a></li>
<li><a href="#">Catalog</a>
<ul class="header__submenu">
<li>1</li>
<li>2</li>
</ul>
</li>
<li><a href="#">About</a></li>
<li><a href="#">Blog</a>
<ul class="header__submenu">
<li>1</li>
<li>2</li>
</ul>
</li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
js但我不明白如何实现它。选项1：
const menu = document.querySelector('.header__menu').children;
for (let item of menu) {
if (item.contains("UL")) {
console.log('hi');
}
}
在这里我得到一个错误，第一个参数contains不是Node。我不明白如何将 1 参数传递给contains它Node？
选项 2：
for (let item of menu) {
for (let i = 0; i < item.childNodes.length; i++) {
if (item.childNodes[i] == 'LI') {
console.log('hi');
}
}
}
也不清楚如何检查）告诉我如何正确地进行检查？
我们在国家网站购买笔记本电脑。存在许可问题。在文档中，我们有一个“预装的许可操作系统 (OS)，带有 Microsoft Windows 10 Professona 的免费更新”。-- 既可以是EOM，也可以是盒子、电子钥匙？
我不明白这样的事情。有官方的 Microsoft 分销商可以向制造商提供许可证。也就是说，这些笔记本电脑将获得完全许可，因为一切似乎都是官方的。
但不是每个人都做分销商，否则他们如何获得 EOM 许可证？在这里成为海盗的机会增加了。哪些文件和行动可以确认供应商会给我们真正的授权软件？
我们如何在交付后 100% 检查笔记本电脑上的许可证？？？？
opencart上的站点，主题是标准的。我想确保在选择一个选项时（例如，尺寸 S、M、L，产品的价格发生变化，从包装盒中制作得有点不太好）
我想用js来做。
逻辑很简单——我取产品的价格，我取期权的价格——我对它们进行某些操作以获得足够的价格并显示所有内容。也就是说，我有单选按钮，我在它们上面挂了一个事件——当我点击时，我得到值，改变它们并显示它们。
php代码
<div class="radio">
<input type="radio" class="radio__input" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" price="<?php echo $option_value['price']; ?>"
onclick="priceProduct()" />
<label class="radio__label" for="option-value-<?php echo $option_value['product_option_value_id']; ?>">
...
JS代码
function priceProduct() {
let lengthPrice = 4;
let priceOld;
if (typeof(priceOld) == 'undefined') {
let priceOld = 0; //если переменная не объявлена, объявим её, переменная нужна для фиксации цены выбранной опции, что-бы было можно "откатиться назад" при выборе другой опции
}
let currentPrice = parseInt(document.querySelector('.product__price').textContent);
console.log(currentPrice);
let optionPrice = document.querySelector('.radio__input').getAttribute('price');
目前，整个问题都在最后一行。我从输入中获取价格属性，其中包含选项的价格，但是我有2-3个按钮，并且值仅取1。如何指定应从发生点击的输入中获取值? 我需要以某种方式指定这一点，但我没有足够的知识......
这是计数器代码
function makeCounter() {
let count = 0;
function counter(value) {
return count++;
}
return counter;
}
let counter = makeCounter();
alert( counter() ); // 0
alert( counter() ); // 1
我需要能够设置 count 的值（例如 - 我调用了几次并且 count = 2，然后我将其设置为 15，我再次调用它并且函数返回 16）设置值柜台，但只能通过关闭。
这是我添加函数的非工作解决方案，但我不明白如何调用它并指定它来更改值）
function makeCounter() {
let count = 0;
function counter() {
return count++;
}
function value (value) {
return count = value;
}
return counter;
}
let counter = makeCounter();
alert( counter() ); // 0
alert( counter() ); // 1
或者有一个想法，在里面创建一个value变量，作为参数传给counter函数，然后使用条件，如果有参数，那么count = value; 否则算++；
并且以同样的方式，理论上，减少计数器应该起作用
PHP 生成如下数据：
<div class="calculate__content">
<div class="calculate__content-row">
<div class="calculate__content-cod">
КОД
</div>
<div class="calculate__content-price">
Сумма
</div>
</div>
</div>
在代码字段所在的位置，将生成 4 位数字。
最好是如何在纯 js 上使块的颜色根据数字的 1 位（1、2、3 等最多 9）而变化？
我可怜的努力
let elements = document.querySelectorAll('.calculate__content-cod');
for (let elem of elements) {
switch(elem[0]) {
case '0':
elem.style.background-color: = "red";
break;
case '1':
...
break;
default:
...
break;
}
}
我正在尝试制作一个两级响应菜单。似乎发生了什么事，但是有一个问题，当您第一次单击菜单项时，它会打开并立即关闭，然后可以正常工作。
$('.menu__header-btn').on('click', function(){
$('.menu__header-list').slideToggle();
});
$('.drop__down-menu').on('click', function(){
$(this).children('.drop__down-list').slideToggle();
});
当我将鼠标悬停在图像上时，我想要一些东西，一个半透明的渐变和 2 个按钮出现在它上面。我发生了一些事情，但我仍然不完全理解它是如何工作的。为什么只有在设置为半透明渐变时z-index: -1;才会起作用。所有块的 z-index 的所有其他选项都不起作用。以及如何制作一种外观光滑而不是尖锐的东西，对我来说也没有transition解决animation（（
.new-product__item-image {
background-color: red;
width: 300px;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
}
.new-product__item-btn {
display: none;
}
.btn-product {
padding: 10px 20px;
}
.new-product__item-image:hover::after{
content:'';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: blue;
z-index: -1
}
.new-product__item-image:hover .new-product__item-btn{
display: block;
}
.new-product__item-image:hover .btn-product{
background-color: pink;
z-index: 100
}<div class="new-product__item-image">
<div class="new-product__item-btn">
<button class="btn-product btn-info">More Info</button>
<button class="btn-product btn-demo">Live Demo</button>
</div>
</div>早上好！）请告诉我，我在几个块中使用了 .product__item，如何在 js 中指定只需要添加具有父 .product-page-items 的那个？
这是html结构：
我的js：
$('.icon-th-list').on('click', function(){
if ($(this).parent('.product-page-items')) {
$('.product__item').addClass('list');
}
});
但它为所有包含 product_item 类的块添加了一个类
一切顺利！有必要在 ocstore 版本 2.3.0.2.3 上对站点进行乌克兰本地化。我用谷歌搜索了它，下载了本地化版本，安装了它们，但最后没有任何效果）
如何处理这些象形文字？
各位晚上好！请告诉我如何制作这个滑块元素（附照片）。情况如下，当您将熊悬停在图像块上时，它应该会变暗，并且社交网络按钮应该出现在底部。我可以在悬停时用图片使块变暗，但我不能这样做以使社交网络同时出现）在 CSS 中，没有 AND、OR 之类的条件。
问题如下，我想在网站上改一下配色方案，OpenC引擎原理我懂一点，可以用样式表。但这里的情况略有不同。例如，我想更改按钮的颜色，但它的颜色不是从样式文件中提取的，而是立即从索引中提取的。
您可以在随附的照片中看到它。
但是在索引文件本身中，并没有这样的东西。谁知道它是如何生成的，以及在哪里寻找这些样式进行更改。
你能告诉我如何使这部分正确吗？
我想到的只有选项：制作div.section_right and div.section_left- 一个带有内容的块 - 另一个是空的，并使用border一个div作为白线。或者做三个div块（一个单独的行）。但我担心在所有变体中，通过自适应，都会有一些可怕的东西。一般来说，请告诉我如何使它正确，或者你将如何使它？
你能告诉我是否可以使用制作背景图像滑块slick slider？
谷歌没有帮助（文档说图像应该放在div一个块中。但是背景图像呢？
@charset utf-8;
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,
abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,
strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td{background: none repeat scroll 0
0 transparent; border: 0 none; font-size: 100%; outline: 0 none; vertical-align:
baseline;margin: 0;padding: 0;}table{border-collapse: collapse;border-spacing: 0;}
address,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,nav,
section,summary{display: block;}
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
a, a:hover, button, button:hover, .anime {
-moz-transition:all 200ms linear;
-ms-transition:all 200ms linear;
-o-transition:all 200ms linear;
-webkit-transition:all 200ms linear;
transition:all 200ms linear;
cursor: pointer;
}
.F_COL_C-START_I-CENTER {
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: center;
}
.F_ROW_C-START_I-CENTER {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
}
.F_ROW_C-S-B_I-F-S {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: flex-start;
}
.F_ROW_C-START_I-STRETCH {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: stretch;
}
body {
background-color: #fff;
color: #413d4b;
font-family:'Roboto', sans-serif;
font-size: 0.87vmax;
line-height: 1.37vmax;
}
.wrap {
width: 58.75vw;
margin: 0 auto;
position: relative;
}
header {
width: 100%;
height: 100vh;
background-image: linear-gradient(45deg, rgba(9, 5, 47, .85) 0%, rgba(49, 29, 94, .85)), url(../img/bg_header.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}
#top_header {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
margin-top: 3.2vh;
}
#logo svg{
height: 3vw;
}
#top_header nav ul {
display: flex;
flex-flow: row nowrap;
}
nav li{
list-style: none;
text-transform: uppercase;
color: #fff;
font-family: 'Roboto Black', sans-serif;
margin-left: 1.25vw;
}
nav a{
text-decoration: none;
font-weight: bold;
color: #fff;
}
a:hover {
color: #00e0d0;
}
#header_content {
margin-top: 24.4vh;
}
#header_content h2{
font-family: 'Playfair Display', serif;
color: #fff;
font-size: 2vw;
text-align: center;
}
hr {
border: none;
width: 3.12vw;
height: 1px;
background-color: #00e0d0;
color: #00e0d0;
margin-top: 3.8vh;
}
#header_content p {
width: 48.6vw;
color: #fff;
line-height: 3.5vh;
text-align: center;
margin-top: 4.17vh;
}
.btn {
padding: 0.8vw 1.5vw;
font-family: 'Hammersmith One', sans-serif;
font-size: 1vw;
color: #00e0d0;
text-transform: uppercase;
border: 1px solid #00e0d0;
background-color: transparent;
border-radius: 2px;
margin-top: 7.3vh;
}
.btn:hover {
color: #fff;
border: 1px solid #fff;
}
#dot_nav{
width: 3.43vw;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: flex-start;
margin-top: 18.9vh;
}
.circle_nav {
width: 0.62vw;
height: 0.62vw;
border: 2px solid #bab9bc;
background-color: transparent;
border-radius: 0.62vw;
}
.circle_nav:hover {
border: 2px solid #00e0d0;
background-color: #00e0d0;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Landing Page</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/fonts.css">
</head>
<body>
<header>
<div class="wrap ">
<div id="top_header">
<div id="logo">
</div>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Expertise</a></li>
<li><a href="#">Teams</a></li>
<li><a href="#">Works</a></li>
<li><a href="#">People say</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
<div id="header_content" class="F_COL_C-START_I-CENTER">
<h2>We Are Awesome Creative Agency</h2>
<hr />
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit.</p>
<button class="btn" type="button">Learn More</button>
<div id="dot_nav">
<div class="circle_nav"></div>
<div class="circle_nav"></div>
<div class="circle_nav"></div>
<div class="circle_nav"></div>
</div>
</div>
</div>
</header>
</body>
</html>告诉我如何制作这样的三角形（看照片），以便其中有文字并且所有标题都正确对齐。我尝试使用 css 和作为背景图像，但它不起作用......非常感谢大家！）
我用php写了一个笔记本，一切都在丹佛工作。一切似乎都运行良好，添加和删除记录没有问题。
但是现在当我点击删除条目链接时，我被重定向到 keramzit.ru 网站。同样的故事，如果我在地址栏中输入 mysite.ru 进入浏览器。
已经检查了 3 个防病毒软件，但没有帮助。这是所有浏览器的情况。
有一个函数，告诉我如何运行它？
function mu=bellmf(x, params)
%bellmf – bell membership function;
%x – input vector;
%params(1) – concentration coefficient (>0);
%params(2) – coordinate of maximuma.
a=params(1);
b=params(2);
mu=1./(1+ ((x-b)/a).^2);