jquery - 选框行为：交替

Question

我搜索并尝试了很多用属性行为做选取框：与 jQuery 交替，但我没有找到任何 与所有浏览器兼容的结果..请帮助我......老选取框

<marquee behavior=alternate>MY TEXT</marquee>

我尝试什么

<script>

但没有结果我也搜索了很多结果..尝试它们但没有结果..请帮助

Answer 1

您好，有一个插件可以使用：

http://plugins.jquery.com/marquee/

它易于使用 - 在此处查看演示：http: //aamirafridi.com/jquery/jquery-marquee-plugin#examples

从字面上看，在添加插件之后，它只是$('.selector').marquee(); 让它向左然后向右：

var vDirection = 'left';
    setInterval(function(){
        $('.marquee2').marquee({ duration: 5000,
        gap: 50,
        delayBeforeStart: 0,
        direction: vDirection,
        duplicated: true
    });
    vDirection = vDirection == 'left' ? 'right' : 'left';
    },700);

将时间 (700) 调整到您想要的任何值。

Answer 2

试试我从https://www.w3schools.com/css/css3_animations.asp学到的这段代码，然后试试这个网站的更多参数，不需要 java 代码，只需要 css。

.noteex {
color: orange;
font-weight: bold;
font-style: italic;
font-size: 150%;
position: relative;
animation-name: notemarq;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: linear;
}

@keyframes notemarq {
0% {color: orange; left:0; top:0px;}
25%  {color: red;}
50%  {color: green;}
75%  {color: purple;}
100% {color: blue; left:60%; top:0px;}
}

<div class="noteex">Good Note</div>