Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/410.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
是否可以使用Javascript在页面刷新时随机生成预先确定的链接颜色和悬停颜色?_Javascript_Css_Colors_Hover - Fatal编程技术网

是否可以使用Javascript在页面刷新时随机生成预先确定的链接颜色和悬停颜色?

是否可以使用Javascript在页面刷新时随机生成预先确定的链接颜色和悬停颜色?,javascript,css,colors,hover,Javascript,Css,Colors,Hover,我从未尝试过javascript,但我只是想知道在我花时间学习代码之前,是否真的可以这样做 我花了几天时间浏览了论坛,并尝试使用演示站点上已经生成的代码来查看更改某些属性对整个部分的影响 我的CSS将“a:link”、“a:active”和“a:visted”指定为设置颜色,将a:hover指定为补色(#128EED=color,#ED7112=complemental) 我希望在加载任何页面时随机选择8种预先确定的颜色中的一种,并将预先确定的随机颜色的补色设置为a:悬停颜色 在我开始尝试这样做

我从未尝试过javascript,但我只是想知道在我花时间学习代码之前,是否真的可以这样做

我花了几天时间浏览了论坛,并尝试使用演示站点上已经生成的代码来查看更改某些属性对整个部分的影响

我的CSS将“a:link”、“a:active”和“a:visted”指定为设置颜色,将a:hover指定为补色(#128EED=color,#ED7112=complemental)

我希望在加载任何页面时随机选择8种预先确定的颜色中的一种,并将预先确定的随机颜色的补色设置为a:悬停颜色

在我开始尝试这样做之前,任何信息都将不胜感激


谢谢你和亲切的问候。

是的,你可以做到。您可以通过javascript在一个元素上设置样式,您可以创建几个类来着色您需要的内容并随机应用这些类,等等。您的问题有多种解决方案,但这是非常可行的


此外,如果您是web编程人员,学习javascript绝不是浪费时间。它可以减轻页面在服务器上来回移动的压力,还可以添加HTML无法提供或很难提供的功能

编辑:无法设置某些样式属性,包括悬停等。但是有一些解决方法,其中一个在注释中链接到此答案。如果我误导了你,我道歉

是的,这是可能的!就用这样的东西;假设您有一个名为ColorArray的数组,它是一个数组数组(每个子数组是一对互补色):

我不确定.style后面的单词是否准确,但它们应该很容易查找。我把它分成5行,这样很容易看到发生了什么,但我相信有更好或更压缩的方式来表达这一点

// choose a random complementary pair
var pair = ColorArray[Math.floor(Math.random() * CollorArray.length)];

// grab elements and assign them style attributes
document.getElementsByTagName("tag").style.link = pair[0]
document.getElementsByTagName("tag").style.active = pair[0]
document.getElementsByTagName("tag").style.visited = pair[0]

// Your complementary color assignment now:
document.getElementsByTagName("tag").style.hover = pair[1]

虽然这篇文章可能与上面提到的文章相关,但我想指出的是,有许多代码新手不知道诸如伪类之类的特定术语,为了理解某些东西,他们可能不得不问一个非常基本的问题。。。每个人都必须从某个地方开始!接受的答案是错误的,因为您不能直接设置链接、活动和悬停。我所说的问题是一个重复的问题,实际上它有一个关于如何做到这一点的答案。谢谢大家,我一定会把它作为一个基础,我会让每个人都知道它是如何进行的,这样代码就可以被其他人使用。@JonathonRyan,不客气。我最近学习了JavaScript,发现这些视频非常有用,你也可以:,祝你好运!答案是什么?你不能像这个答案所暗示的那样直接设置
:link
:active
:visted
。@epascarello你说得对,谢谢你的关注。这个链接可能会有帮助:谢谢。我是一名专业摄影师,但我相信深入了解js会很有用,这样我就可以编辑自己了。