HTML / CSS -Arrow在传送带下面。
HTML / CSS - Arrow在传送带下面是一个问题描述，但并不是一个完整的问题。请提供更具体的问题或要求，以便我能够给出更准确和详细的答案。
相关·内容
我有一个默认旋转到右边的图像传送带。使用setInterval()并每隔几秒钟更改一次图像。我创建了两个setInterval函数，一个向右旋转，另一个向左旋转。 然后，我创建了一个html箭头，并为它添加了一个onclick调用，以调用我想要的特定setInterval。问题是以前的setIntervals在调用新的are时不会关闭。我试着使用clearInterval，但它不起作用。 我的代码看起来像这样： const left_arrow = document.querySelector("#arrow");
var rotateRight = setInterv
浏览 44提问于2020-12-07得票数 0
1回答
如何使水平滑动引导旋转木马？
、、、、
我有两个twitter引导传送带的样本。
在下面您可以找到源的链接：
(最后一个样本)。这是一个。
。这是一个。
这两个示例都包含全屏背景旋转器。我想知道为什么这个传送带会有不同的滑动效果？在第一个演示中，它会自动地出现淡入/淡出效果，而第二个效果就像水平滑块一样具有手动可移动幻灯片的功能。在回顾HTML代码、CSS代码和JScript代码之后，我仍然不清楚它们为什么有不同的旋转方式？
主要问题是:在第一个演示中，我需要更改哪个参数才能实现自动水平滑动(如在第二个示例中)？
浏览 0提问于2013-10-20得票数 1
回答已采纳
1回答
我有这个链接：
<div id='up_arrow_div'>
<%= link_to "⇑".html_safe, video_votes_path( :video_id => video.id, :type => "up" ), :method => :post, :remote => true, :class => 'up_arrow' %>
</div>
以及向下投票，发送POST请求并将投票插入到数据库中。我正在尝试设置样式，以便当您单
浏览 2提问于2011-03-21得票数 3
回答已采纳
2回答
我想更新一个css属性使用jQuery，但它不工作。在我的第一个警报下面的代码中使用警报将显示
url("file:///H:/Web/example/HTML/images/red-arrow-up.png")
但是第二个警告(在if语句中)出现了
[object Object]
但我希望它做的是更新属性，并在url中向上更改为向下。你知道我做错了什么吗？
$(document).ready(function() {
$( ".portlet-header" ).click(function() {
var cu
浏览 1提问于2012-01-20得票数 1
回答已采纳
我已经在我的网站与HTML，CSS和Java脚本自动滑动图像传送带，但从一个图像过渡到另一个是不好的。请指导我在Java-Script区域添加哪些内容才能使过渡顺利？
我已经尝试了下面的java-script，但我也想添加图像之间的平滑过渡。
<script>
var swiper = new Swiper('.swiper-container', {
slidesPerView: 3,
spaceBetween: 30,
autoplay: {
delay: 3000,
dis
浏览 0提问于2018-12-29得票数 0
1回答
我们有一个产品页面，其中有4个商品传送带，主要显示相关产品。这四个传送带都是客户端渲染的。
📷
1. Scenario1: Google富结果
现在，我们已经观察到，当在桌面模式下的Google“富结果测试”工具中进行测试时，这4种传送带都不会呈现出来。
📷
2.2.Secnario2 2:User=“Googlebot Dekstop"
另外，我在浏览器中使用“用户代理”作为"Googlebot桌面“测试了相同的URL。在这个场景中，两个旋转木马(赞助)被呈现，而不是剩下的两个(非赞助)。它们在代码中的处理方式不同。
📷
SSR (NEXT_DATA)中已有的赞助传送带数据是
浏览 0提问于2022-12-27得票数 3
1回答
我已经在div上设置了ng类，当文件被选中时，我想应用css，所以在onSelect下面，我想将div颜色更改为绿色。如何使用AngularJs完成此任务？
html
<div class="text-arrow" ng-class="{activeBackground:applyActive}">File Selection<span class="arrow-div"></span></div>
css
.activeBackground{
background-color: gr
浏览 2提问于2016-01-06得票数 0
回答已采纳
推特启动版： 2.0.3
示例HTML代码：
<!DOCTYPE html>
<html dir="ltr" lang="en-US" xmlns:og="http://opengraphprotocol.org/schema/">
<head>
<link rel="stylesheet" type="text/css" media="all" href="reddlec/style.css" />
<script type=&
浏览 8提问于2012-05-09得票数 29
回答已采纳
1回答
如何在多个owl传送带的控件上使用不同的CSS？带有控件的div是在JS中生成的，css应用于所有owl传送带。我怎样才能瞄准单个旋转木马的控制？
我希望这个代码只应用在一个猫头鹰旋转木马上：
.owl-theme .owl-controls{
margin-top: -40px;
text-align: center;
}
浏览 3提问于2016-03-10得票数 2
回答已采纳
1回答
我正在尝试让箭头从完全相同的点开始，并改变箭头的旋转。下面是我用HTML/JS/CSS编写的代码示例，以及我遇到的情况的图片。关于如何使这些箭头的图片在原点重叠得更好，有什么想法吗？
HTML/JS
content.innerHTML= '<div id = "contain"><img class = "arrow" style="transform: rotate(90deg)" src="img/arrow_0]+'.png"</img><img class = "
浏览 0提问于2021-10-25得票数 0
1回答
我希望迷宫不会让用户从一个随机的位置开始，在悲伤的微笑出现后，有什么建议吗？
以下是小提琴链接：
$(".way").bind('mouseenter', function () {
$('#highlight_lose').fadeIn(1000);
$('.wall').css("background", '#fff');
$(".arrow").html("Try again");
$('.arrow').bin
浏览 1提问于2013-10-09得票数 1
回答已采纳
我正在使用下面的css切换一个chervon，但问题是在启动时，错误的雪佛龙是显示。一旦你开始切换，它就开始工作了。不知道我做错了什么？
CSS：
.arrow-toggle .fa-chevron-down,
.arrow-toggle.collapsed .fa-chevron-right {
display: inline-block;
}
.arrow-toggle.collapsed .fa-chevron-down,
.arrow-toggle .fa-chevron-right {
display: none;
}
HTML：
<tr ng-repeat-
浏览 1提问于2016-11-22得票数 0
回答已采纳
2回答
我对HTML和CSS比较陌生，我有以下困难，请看下面的HTML：
<a href="#" class="arrow-btn">
about us <i class="fa fa-arrow-right"></i>
</a>
我有以下CSS：
body {
background: #000;
}
.arrow-btn {
color: #ffffff;
text-decoration: none;
text-align: center;
font
浏览 0提问于2015-05-13得票数 2
2回答
对于一个项目，我必须包括一个背景图像到一个css3箭头形状(面向右)。下面是HTML/CSS。我想要实现的是图像从矩形框延伸到三角形(边框)框中。
HTML：
<div id="arrow"></div>
Css：
#arrow {
width: 128px;
height: 100px;
background-color: #f0f0f0;
border: 1px solid #999;
position: relative;
background-image: url(http://uploa
浏览 2提问于2014-04-21得票数 0
回答已采纳
1回答
css三角形不工作
、、、
访问
你会看到第一节的灰色盒子上有一颗星星。如果您查看html，它将位于#av_section_2下面，作为..arrow down。
我正在使用jQuery插入.箭头向下的类。
jQuery('#av_section_2').prepend(jQuery('<div class="arrow-down"></div>'));
下面是我用于样式设计的css：
.arrow-down {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-ri
浏览 1提问于2014-02-06得票数 0
回答已采纳
3回答
我有一个新兴的网站与一个中心图像，有两个箭头两边都可以改变幻灯片。但是，我不确定如何将箭头垂直居中对齐。箭头有一个容器(红色)，整个幻灯片有一个容器(蓝色)。我希望箭头在蓝色容器的一半位置。
<!DOCTYPE html>
<html>
<head>
<title>Rushy Creek Farm</title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<bod
浏览 5提问于2018-10-03得票数 0
1回答
下面是代码：
HTML：
<html>
<head>
<title>Sample Title</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<meta name="viewport" content="width=device-width">
</head>
<body&
浏览 1提问于2015-12-22得票数 0
回答已采纳
我正在使用html5和php创建iphone网页，在下面的代码中，当我出于某种原因运行它时，php部分而不是回显变量它不会在屏幕上打印任何东西，你有什么想法吗？谢谢
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="user-scalable=no, width=device-width"/>
<meta name="apple-mobile-web-app-capable" content="yes"
浏览 2提问于2011-11-27得票数 0
2回答
我想沿着特定的路径移动一个箭头。我知道我必须应用CSS翻译来移动箭头，但我有一个问题。
箭头需要向下移动，然后向左移动，然后向上移动，直到它到达初始位置左侧的同一水平平面。
我可以把它往下移，这是第一步。但是如果我使用所有这三种翻译方法，它会直接把它带到最终位置，而不是按照路径。我尝试将这三个转换方法及其转换放入单独的函数中，并在上一步结束时调用每个函数，但结果是相同的。
下面是HTML：
<div>
<img src="img/arwTest.png" alt="Click to rotate" id="arrow">
浏览 22提问于2020-05-23得票数 1
我有这个html：
<li class="arrow branches"></li>
<li class="arrow branches"></li>
<li class="arrow branches"></li>
<li class="arrow"></li>
<li class="arrow"></li>
<li class="arrow"><
浏览 0提问于2012-12-13得票数 0
1回答
自制的图像传送带
、、、
所以我的自制jQuery图像传送带有一个奇怪的错误。我也已经检查了建议的类似主题，但它们没有帮助。这是一个简单的六张图片，下一个箭头和prev箭头。如果您使用prev箭头结束，那么它成功地循环到最后一个图像，但是如果您试图从最后一个使用下一个箭头返回第一个图像，则需要两次额外的单击，在第一个单击之后，它会将页面搞乱，并使一切变得不正常。有什么建议吗？
JavaScript
$('.arrow-prev').click(function() {
var currentSlide = $('.active-slide');
var prevSlide
浏览 2提问于2016-06-23得票数 3
回答已采纳
所以我的问题是我有一个主导航，在"products“下面有一个下拉菜单。我定位了下拉菜单，将其设置为display: none，然后编写了jQuery，以便在特定LI悬停时显示菜单。问题是，当我将鼠标悬停在"Products“LI上并试图悬停在下拉列表上时，它消失了，因为我不再悬停在那个LI上。
你可能在想“做一个嵌套列表！”。好吧，我不想这么做。我已经将一些jQuery应用于主导航，我不想影响下拉菜单。我只是想要一种方法来确保当鼠标悬停在main LI或dropdown UL上时，dropdown是打开的，而当鼠标悬停在两者之上时，dropdown是关闭的。
在我的代码中，我
浏览 1提问于2011-10-14得票数 0
4回答
我有一个从css精灵加载两个图像的网页，如下所示：
<html>
<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<div class="arrow low"></div>
<div class="arrow high"></div>
</body>
&l
浏览 3提问于2012-01-17得票数 3
回答已采纳
1回答
我正在使用一个jquery移动应用程序，图标按钮没有显示出来。我编辑了css文件以获得图标的正确路径，但它们仍然没有显示。提前感谢您的帮助。
下面是我制作按钮的代码
<div data-role="content">
<a href="new.html" data-role="button" data-icon="arrow-r" data-iconpos="right" data-theme="e">Capture New</a>
<
浏览 1提问于2012-08-04得票数 2
回答已采纳
1回答
我使用下面的css创建了一个形状，它在铬中显示得很好，如下所示：
但是在IE9中，这个问题似乎是这样的：
我该怎么解决这个问题？这里是我的css/html，用于生成这个。
.arrow-head {
width: 0px;
height: 0px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid blue;
float: left;
}
.arrow-mid {
background: blue;
浏览 2提问于2014-01-28得票数 2
回答已采纳
1回答
我知道如何使用自定义CSS和HTML制作箭头框(div)，但我不知道如何在Material UI和react js中实现相同的功能，下面是使用自定义CSS执行相同操作的代码。如何在material UI中使用相同的CSS是我的问题。Codepen示例div which contains an arrow .arrow_box {
position: relative;
background: #88b7d5;
border: 4px solid #c2e1f5;
}
.arrow_box:after, .arrow_box:before {
right: 10
浏览 28提问于2020-08-10得票数 0
4回答
因此，我使用CSS创建了一个简单的动画，当我将鼠标悬停在图像上时，图像的边距会减小，以便产生向上的效果，但出现的问题是，当我更改边距时，它下面的所有东西也会移动。我怎么能只移动图像而不移动整个图像呢？
CSS：
.down_arrow {
margin: 15px;
-webkit-transition: margin 0.5s ease-out;
-moz-transition: margin 0.5s ease-out;
-o-transition: margin 0.5s ease-out;
}
.down_arrow:hover {
ma
浏览 0提问于2014-03-24得票数 0
2回答
我已经用CSS封锁了我的网页，这里是我的问题所在，我只想把URL的表格移到一个在“右”div标签中更中心和更低的位置。这些颜色只是用来区分场的。忽略img链接。
这是HTML代码(对于这个任务，我不允许使用CSS和html以外的任何东西)。下面的代码是CSS文件。
代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml&
浏览 1提问于2012-09-07得票数 0
回答已采纳
我对编写javascript相对来说还是个新手。下面的js代码是从我在这里找到的先前的答案中修改的。它完成了我希望它做的功能--但是，它是多余的，每次鼠标进入时都调用代码(这需要比它所需要的更多的资源)。
对于如何减少冗余和提高效率，有什么建议吗？
简化演示：
HTML：
<div class="container">
<div class="category" id="commercials">
<p>Something
<br />Somethi
浏览 5提问于2015-11-18得票数 1
回答已采纳
当我使用CSS转换在某个元素上悬停时，我需要增加元素列表的宽度。CSS功能可以工作，但问题是悬停会移动同级元素。如何用CSS解决这个问题？
.aside-menu__element {
width: 68px;
height: 68px;
background-color: #999;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 1s;
}
.aside-menu__element:h
浏览 6提问于2022-07-07得票数 0
回答已采纳
7回答
我试着用CSS做一个边框，就像下面有一个小的三角形图标CSS，它需要恰好居中到div的边界线。如果我使用float:right或向左箭头图标到达边界线的任何一端，我是否可以使其居中，如果可能，则坚持边界线作为响应式设计。
.center {
text-align: center;
border: 3px solid green;
}
.arrow-down {
width: 0;
height: 0;
border-left: 10px solid rgba(30, 7, 7, 0);
border-right: 10px solid transparent;
浏览 0提问于2017-09-12得票数 1
2回答
我试图在没有任何帮助的情况下重新创建一个“文本旋转木马”。我目前已经制作了 (扩展它，它还没有响应)。下面是我想要向下滚动到推荐部分的内容。我已经检查了他们的站点，但是他们使用Bootstrap完成了这一工作，我试图在不使用html、css和javascript的情况下重新创建它。
我已经检查了文本传送带的代码，但它们大多只有一个文本字段，我希望至少有两个。
谢谢你帮我。
PS：.fa-angle-left和.fa-angle-right来自FontAwesome，但我很快就用谷歌的图片取代了它们。
浏览 1提问于2017-05-23得票数 0
2回答
// ===== Scroll to Top ====
$(window).scroll(function() {
if ($(this).scrollTop() >= 50) { // If page is scrolled more than 50px
$('#return-to-top').fadeIn(200); // Fade in the arrow
} else {
$('#return-to-top'
浏览 2提问于2014-11-27得票数 0
回答已采纳
1回答
我的网站是：
我需要帮助修复在缩略图滑块部分(投资组合)的代码。如果有人点击箭头两次，速度非常快，它就会偏离轨道，代码就会停止工作。
HTML标记：
<div id="portfolio">
<div id="up-arrow"><a href="#portfolio" title="Slide Up">UP</a></div>
<div id="thumbnails">
<div id="slider&
浏览 4提问于2012-01-05得票数 1
回答已采纳
2回答
使用下面的代码我的文字是垂直对齐底部。需要帮助垂直对齐中间的文字与图标在链接。
HTML
<a href="/The-Experience.aspx" class="icon">
<span class="white bold">Learn More</span>
<div class="arrow-white-right"></div>
</a>
CSS
a.icon { line-height:46px; vertical-align:m
浏览 2提问于2014-07-02得票数 1
回答已采纳
1回答
我正在尝试构建滑块，在前三个“屏幕”中，它可以工作，而在最后一个则不工作。另外，有没有办法使滑块滑动，而不仅仅是出现呢？
js代码：
var oldnum = 0
var screen = 1;
$("#right_arrow").click(function () {
screen++;
if (screen >= 4) {
$("#right_arrow").hide();
screen = 4;
} else {
gotoright(screen);
}
});
$(
浏览 1提问于2014-01-29得票数 0
回答已采纳
下面的脚本显示从屏幕顶部到向上箭头的虚线，该位置取决于用户滚动页面的距离，这样他们就可以单击箭头向上滚动。这在Chrome中很好，但在IE或Firefox中根本不起作用，也就是说虚线不会增长，箭头也不会向下移动。
有人知道这是为什么吗？
HTML:
<div id="dotted-line">
<div id="up-arrow">^up</div>
</div>
JS:
$(window).scroll(function(){
if ($(window).scrollTop() > 10)
浏览 4提问于2016-02-09得票数 0
回答已采纳
2回答
我的jQuery代码似乎不起作用。也许一双新的眼睛可以帮我看一看。一旦点击了一个新的LI项目，我就无法尝试删除以前的类名"selected“。然而，在下面的图中，它似乎不起作用：
下面是有问题的jQuery代码：
<script type="text/javascript">
$(document).ready(function() {
$(".field_arrow").click(function() {
$(".field_list").css("display",
浏览 2提问于2015-11-17得票数 0
回答已采纳
1回答
我刚刚开始了解jQuery，我有了做一个简单的Super Mario模仿版的想法。我可以用箭头键移动Mario，我想一旦Mario移动到位，我就可以淡出蘑菇，但这似乎不像我预期的那样工作，如果有人能给我指出正确的方向，我会非常高兴！
下面是HTML：
<!DOCTYPE html>
<html>
<head>
<title>Super Mario!</title>
<link rel='stylesheet' type='text/css' href=
浏览 0提问于2014-03-21得票数 0
1回答
我试图创建一个等腰三角形使用CSS3，看起来火狐不能正确渲染？
有办法解决这个问题吗？
下面是一个例子：
CSS：
.arrow {
vertical-align: middle;
content: "";
border-right: 50px solid transparent;
border-left: 50px solid transparent;
border-top: 75px solid #222;
width: 0;
height: 0;
}
HTML：
<div class="arrow"></di
浏览 2提问于2014-03-21得票数 6
回答已采纳
我试图在页面加载时显示Jquery UI工具提示，工具提示内容中有一个关闭/交叉标记图标。单击X图标时，工具提示应关闭。我不想使用任何插件。请建议一下逻辑。
已尝试使用以下代码在5秒后隐藏工具提示。
var dur=5000;
$(document).tooltip({
show:{
effect:'slideDown'
},
track:true,
open: function( event, ui ) {
setTimeout(function(){
$(ui.tooltip).hide();
}, dur);
浏览 0提问于2013-01-12得票数 2
回答已采纳
2回答
我的jQuery .click函数无法处理使用ajax加载的内容。我把我的.click改成了.on (“点击”)函数，因为我读到事件委托可以解决这个问题。下面是我的ajax调用：
$(".piece:nth-child(1)").click(function() {
$.ajax({
url: "terra.html",
datatype: "html",
async: false,
success: function(data
浏览 0提问于2015-11-15得票数 0
1回答
我发现下面的代码可以很好地运行在IE8、IE9和火狐上，但是不能很好地运行在IE7上，向上箭头不能显示，为什么？
CSS：
.arrow_box {
position: relative;
background: #88b7d5;
border: 4px solid #c2e1f5;
}
.arrow_box:after, .arrow_box:before {
bottom: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
浏览 2提问于2013-10-12得票数 0
回答已采纳
2回答
我有一个用bootstrap 3制作的表。我有两种行，一种有4个td，我使用第一种来显示下面的行，默认情况下是隐藏的。(显示有关上一行的数据)
所有这些都运行得很好。但是，Bootstrap的“排序”功能(通过单击标题行)不能按预期工作。它对所有行进行排序，包括隐藏的行，并且我的系统不再工作...(当我点击我的主行时，下面的行不是隐藏的行...:( )
有谁有办法解决这个问题吗？
HTML：
<table class="table table-striped">
<thead>
<th>show data</th>
浏览 0提问于2014-09-24得票数 0
我是一个初学者，我创造了一个简单的“源队列-传递-接收器”电路。相关输送机的尺寸约为4米长。我制作了一个定制的MaterialItemType，一个大约.5平方米的盒子。当我运行它时，我可以看到代理(盒子)的数量随着它们通过系统而增加，并且可以看到传送带的转动。但我的箱子没有在传送带上显示。任何想法和可能发生的事情。
下面是我在传送带上移动的“物料类型”盒
下面是将属性集中在传递块上的模型。
我觉得这可能和维度有关。我把标度设置为100像素到1米，这可能是不寻常的吗？
最后，这是运行时，如果动态查看，您将看到盒子数量在上升，传送带正在转动，但是传送带上没有显示盒子。
浏览 3提问于2022-01-11得票数 0
1回答
我是一个有抱负的网页设计师，需要帮助解决我遇到的一个问题。我在Font Awesome中有一个图标，当我悬停在它上面时，我想要更改颜色/样式。
下面是我想要使用的默认样式：
CSS
.fa-circle {
color:red;
}
HTML：
<span class="fa-stack fa-5x">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-arrow-right fa-stack-1x fa-inverse">
浏览 1提问于2016-06-07得票数 0
我一直在努力将照片整合到一个旅游博客中。目前，我正在阅读有关如何使整个页面的图像传送带。我遇到的具体问题是:我想要一个包含100张图片的图像传送带。在博客的不同点上，我希望用户能够在序列中的不同图像中输入相同的旋转木马。目前，我必须在博客的每一点上复制100张图片的代码。我正在尝试弄清楚如何从网页的不同部分引用相同的html。下面是一个示例：
第一张图片是一个完全出血的封面。接下来的两个画廊是相同的画廊，但起点不同。为了实现这一点，我不得不在html中列出所有10个图像两次。您可以想象，如果我有50张图像和10个入口点，html会变得多么冗长。
下面是一个可以试验的codepen：
有没有
浏览 2提问于2015-08-20得票数 0
1回答
我正在使用不同字体的图标，我试着总结这几行：
css
ul.long_arrow_right,ul.minus,ul.long_arrow_circle_right {list-style: none;}
ul.long_arrow_right > li:before {content:"\f178"; font-family: FontAwesome;display: block;float: left;width: 1.5em;}
ul.minus > li:before {content:"\f
浏览 3提问于2016-03-27得票数 0
回答已采纳
2回答
我想知道如何使用CSS实现这些图标。
下面是CSS：
.icon {
font-family: 'spokeo';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
position: relative;
}
.search_icon:before
浏览 0提问于2013-10-30得票数 2
1回答
我试图验证一个按钮点击使用Cypress。我应该能够点击按钮时，有幻灯片可用。如果没有幻灯片，则不应单击该按钮，并通过向该按钮添加禁用类来禁用该按钮。有人能提出一个更好的解决方案来验证这个场景吗？
下面是下一张幻灯片可用时的HTML代码：
<button class="arrow"><span class="screen-reader-only">Previous slide</span></button>
当下一个幻灯片不可用并添加禁用类时，将添加HTML代码：
<button class="arr
浏览 1提问于2022-03-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
