我试图让每个元素的类按顺序自动更改一次。这意味着元素1发光,然后作为元素2发光,然后发光,以此类推。当每个元素一旦开始发光,整个序列就会重新开始。
$('header div:first').toggleClass('highlight').nextAll().toggleClass('none');
function highlight() {
var $off = $('header div.highlight').toggleClass('none');
if ($off.next().len
我正在尝试做一个西蒙的游戏。我尝试使用glowInOrder()函数使div按照数组的顺序发光。不幸的是,只有数组中的第一个div会发光,后面的其他div就不会发光。(当我说“发光”时,我只是指使用CSS添加看起来像发光的效果。)我怀疑问题出在glowInOrder()函数中,但我无法找到问题所在。
下面是我的代码(也是):
var colorArray = ["red", "blue", "green", "yellow", "pink"];
var player = [];
var computer = [
我试图把这两个例子结合起来。
现在我有这样的想法:
Nouns - Verbs
I like to ride my bicycle every day.
当你在“名词”上方盘旋时,句子中的所有名词都会发光,而“动词”则是同一种事物。这是通过这个例子()实现的:
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
<span id ="noun">Nouns</
因为我不擅长CSS,所以我试着模拟一个按下按钮的行为(:我想是主动的..)通过使用jquery addClass向DIV添加CSS "glow“类,然后在稍加延迟后将其删除。
下面是我编写代码的方式:
$( ".cpUpbtnsclass" ).on('click', function() {
console.log($( this ).attr('id')+" is clicked and a class will be added ! ");
$( this ).addCl