要实现默认每组第一个a标签为黄色,可以在HTML中给第一个a标签添加一个类名,然后使用CSS样式设置该类名的颜色为黄色。在JavaScript中,可以使用localStorage来保存用户的选择,然后在页面加载完成后读取localStorage的值,并根据值来设置a标签的颜色。

首先,在HTML中给第一个a标签添加一个类名,例如"selected":

<div class="panel" id='panel1'>
    <a href="javascript:void(0)" data-player="qw" class="selected">【默认Artplayer】</a>
    <a href="javascript:void(0)" data-player="dp">【Dplayer】</a>
    <a href="javascript:void(0)" data-player="ck">【Ckplayer】</a>
    <a href="javascript:void(0)" data-player="xg">【XiGua精简版】</a>
    <a href="javascript:void(0)" data-player="mui">【MuiPlayer】</a>
    <a href="javascript:void(0)" data-player="plyr">【Plyr】</a>
</div>

然后,在CSS中设置该类名的颜色为黄色:

.panel a.selected {
    color: yellow;
}

接下来,在JavaScript中读取localStorage的值,并根据值来设置a标签的颜色:

$(document).ready(function () {
    var playerChoice = localStorage.getItem("playerChoice");
    if (playerChoice) {
        player(playerChoice);
        $('.panel1 a[data-player="' + playerChoice + '"]').addClass('selected');
    }
    
    // ...
});

function player(newValue) {
    var iframe = document.getElementById("WANG");
    var src = iframe.src;
    var newSrc = src.replace(/code=[^&]*/, "code=" + newValue);
    iframe.src = newSrc;
}

上述代码中,首先在页面加载完成后,读取localStorage中的playerChoice的值,如果存在,则调用player函数设置播放器,并使用jQuery选择器找到对应的a标签,并添加selected类名。

同理,可以对第二组a标签也进行相同的操作

php 获取url参数 $url = $_GETurl;!DOCTYPE htmlhtml xmlns=httpwwww3org1999xhtmlhead meta http-equiv=Content-Type content=texthtml; charset=utf-8 meta content=width=device-width initial-scale=10 ma

原文地址: http://www.cveoy.top/t/topic/hUaw 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录