小编Ash*_*ahl的帖子

新闻自动收报机的css3自定义动画

我是CSS3的新手,所以如果你觉得这个问题很愚蠢,请忽略.

我正在制作动画,其中我有4个列表项,我需要向上移动这些列表项无限次,当一个旋转完成时,它向下返回然后开始动画但我需要从那一点继续.

第二件事是我需要停止列表项目4秒,基本上它是一个新闻自动收报机,所以我需要像这一个,我已经尝试和开发的东西,但不是我想要的.

这是我的代码:

HTML

<div class="news">

<ul>

    <li>1111</li>
    <li>2222</li>
    <li>3333</li>
    <li>4444</li>
    </ul>

</div>
Run Code Online (Sandbox Code Playgroud)

CSS3

@keyframes ticker {
        0% {
            margin-top: 0
        }
        25% {
            margin-top: -30px
        }
        50% {
            margin-top: -60px
        }
        75% {
            margin-top: -90px
        }
        100% {
            margin-top: 0
        }
    }

    .news {
        width: 350px;
        height: 32px;
        overflow: hidden;
        -webkit-user-select: none;
    }

    .news ul {
        width: 350px;
        padding-left: 10px;
        animation: ticker 10s infinite;
        -webkit-user-select: none;
    }

    .news ul li {
        line-height: 29px;
        list-style: none;
        font-size: 10pt;
    } …
Run Code Online (Sandbox Code Playgroud)

html css html5 animation css3

5
推荐指数
1
解决办法
2466
查看次数

导航到另一个页面但不刷新时如何清除 sessionStorage?

我的一个网页中有一些复选框,并且此页面必须每 1 分钟刷新一次以解决某些数据一致性问题。

我使用window.sessionStoage保留已选中的复选框,以便用户不会丢失已在页面刷新时选中的复选框。

但是我想清除sessionStorage用户离开该页面的时间(不一定离开我的网站,可能会转到同一网站上的另一个页面),同样如果我使用该onunload事件,则存储将被清除以防万一刷新也。

是否有任何其他事件或任何解决方法可以帮助我实现这一目标。

html javascript session-storage sessionstorage

5
推荐指数
1
解决办法
3581
查看次数

vscode 为自动完成选择不寻常的选项

在使用最新版本的 Visual Studio Code 时,我正在编辑一个 JavaScript 文件,并且经常希望将输出记录到控制台。我创建了一个用户代码段以使其更易于自动完成,但我发现我在自动完成中获得的默认选项是下面突出显示的红色选项(而不是我的代码段中的绿色):

在此处输入图片说明

我想知道两件事:

  1. 这个“非标准”自动完成来自哪里?我可以删除它吗?
  2. vscode 如何确定哪个匹配项是默认的,我可以影响它首先选择我的片段吗?

javascript autocomplete visual-studio-code

5
推荐指数
1
解决办法
519
查看次数

如何以编程方式检查/取消检查 jquery-ui checkboxradio

我正在尝试以编程方式检查/取消选中jquery-ui checkboxradio小部件(即不使用鼠标)。我尝试过各种各样的事情,但没有快乐。要重现该问题,请选择一个仅包含jqueryjquery-uiscript 标签的空白 html 页面,然后动态创建小部件:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Blank</title>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

页面加载后,我点击F12打开开发工具并输入以下命令以获得最小jquery-ui复选框:

$container = $("<div>")
$container.append($("<label for='chkbox'>"))
$container.append($("<input type='checkbox' id='chkbox'>"))
$container.appendTo('body')
$('#chkbox').checkboxradio()
Run Code Online (Sandbox Code Playgroud)

默认情况下该复选框未选中。让我们尝试检查一下:

$('#chkbox').attr('checked', true) // nope
$('#chkbox').checkboxradio('refresh') // nope
$('#chkbox').attr('checked', false)
$('#chkbox').prop('checked', true) // nope
$('#chkbox').prop('checked', false)
$('#chkbox').addClass('ui-checkboxradio-checked') // not this either
$('#chkbox').removeClass('ui-checkboxradio-checked')
$('#chkbox').checkboxradio('option', 'classes.ui-checkboxradio-checked', true) // does nothing
$('#chkbox').checkboxradio('option', 'ui-checkboxradio-checked', true) // does nothing
$('#chkbox').checkboxradio('option', …
Run Code Online (Sandbox Code Playgroud)

javascript checkbox jquery jquery-ui

4
推荐指数
1
解决办法
7650
查看次数

如何在JavaScript中使用Google Cloud Pub / Sub?

我正在评估google cloud pub / sub以将消息发送到我的Java脚本客户端应用程序(离子,角度应用程序)。我找不到用于在javascript中订阅发布/订阅消息的任何示例代码。

JFYI:我在服务器端有nodejs。

javascript node.js google-cloud-pubsub

4
推荐指数
1
解决办法
2850
查看次数

在 jquery/javascript 中以 yyyy-mm-dd hh-mm 格式格式化日期(以毫秒为单位)

我以毫秒为单位获取日期,并通过以下方式将其转换为 IST:

new Date(1487651547000)  
Run Code Online (Sandbox Code Playgroud)

哪个输出

2017 年 2 月 21 日星期二 10:02:27 GMT+0530(印度标准时间)

现在,我需要以下格式的日期:

2017-02-21 10:02:27

我在 stackoverflow 上寻找链接,但没有一个适合我。

任何帮助,将不胜感激。

javascript jquery datetime date

4
推荐指数
1
解决办法
1万
查看次数

如何仅在滑块进入视口后才开始自动播放 Swiper 滑块?

我正在使用此代码来初始化 swiper 滑块。

var mySwiper = new Swiper ('.swiper-container', {
    // Optional parameters
    pagination: '.swiper-pagination',
    paginationClickable: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    spaceBetween: 0,
    parallax: true,
    autoplay: 5000,
    speed: 800,
    autoplayDisableOnInteraction: false
}) 
Run Code Online (Sandbox Code Playgroud)

由于滑块位于页面的第四部分内,并且仅在页面向下滚动后才可见,因此我希望仅在滑块进入视口后才开始自动播放。有没有办法做到这一点?

javascript jquery autoplay swiper

3
推荐指数
1
解决办法
2万
查看次数

创建一个"动态高度"的框

我正在寻找一种方法来创建一个看起来像这个图形的CSS的div:

在此输入图像描述

右下方不是白色而是透明的.

怎么可能呢?

html css jquery-ui

2
推荐指数
1
解决办法
83
查看次数

HTML5 - 模式属性将无法正常工作

由于我现在已经制作了2年的网站,我觉得这个问题很尴尬,但由于某种原因,这段代码不起作用:

<input type="number" name="ov_number" pattern="[0-9]{8}" required>
Run Code Online (Sandbox Code Playgroud)

我试图这样input做,它只允许8个数字.没有其他人物,仅此而已,仅此而已.我遇到的问题是,网页会告诉我输入是否为空,我不能设置任何其他字符然后编号,但它允许input有多于或少于8个字符.

我觉得我错过了一些非常愚蠢的东西,我似乎无法弄明白.

html validation html5

2
推荐指数
1
解决办法
658
查看次数

如何使用 mongodb 数据延迟加载角度

我想在 angular.js 中实现延迟加载,我正在使用 nodejs 将数据列表从后端发送到 UI,我需要在滚动 10 个项目上实现,是否有任何示例可以实现这一点,请分享任何链接来执行此操作. 请任何人都可以帮助我。

javascript mongoose mongodb node.js angularjs

2
推荐指数
1
解决办法
2637
查看次数