<p>要让<a>标签自适应屏幕宽度,可以设置它的display属性为&quot;block&quot;,并将宽度设置为100%。可以在<style>标签中添加以下样式:</p>
<p>.panel a {
display: block;
width: 100%;
}</p>
<p>要让点击后文字变成黄色,可以使用CSS的:hover伪类来实现。可以在<style>标签中添加以下样式:</p>
<p>.panel a:hover {
color: yellow;
}</p>
<p>要记住用户的选择,可以使用JavaScript的localStorage对象来存储用户选择的值,然后在页面加载时从localStorage中获取值并应用到相应的元素。可以在<script>标签中添加以下代码:</p>
<p>$(document).ready(function() {
// 获取存储的值
var selectedPlayer = localStorage.getItem(&quot;selectedPlayer&quot;);
var selectedLine = localStorage.getItem(&quot;selectedLine&quot;);</p>
<p>// 应用存储的值到相应的元素
if (selectedPlayer) {
player(selectedPlayer);
}
if (selectedLine) {
jiexi(selectedLine);
}</p>
<p>$('.jiexi').click(function() {
$('.panel').slideToggle('slow');
});</p>
<p>$('.panel a').click(function() {
$('.panel').slideToggle('slow');
});
});</p>
<p>function jiexi(newValue) {
var iframe = document.getElementById(&quot;WANG&quot;);
var src = iframe.src;
var newSrc = src.replace(/key=[^&amp;]*/, &quot;key=&quot; + newValue);
iframe.src = newSrc;</p>
<p>// 存储选择的值
localStorage.setItem(&quot;selectedLine&quot;, newValue);
}</p>
<p>function player(newValue) {
var iframe = document.getElementById(&quot;WANG&quot;);
var src = iframe.src;
var newSrc = src.replace(/code=[^&amp;]*/, &quot;code=&quot; + newValue);
iframe.src = newSrc;</p>
<p>// 存储选择的值
localStorage.setItem(&quot;selectedPlayer&quot;, newValue);
}</p>
<p>此代码片段将在页面加载时检查localStorage中存储的值,然后将其应用到相应的元素。当用户点击<a>标签时,会调用相应的函数并将选择的值存储到localStorage中。这样在页面重新加载时,用户的选择将被记住并应用到相应的元素上</p>
!DOCTYPE htmlhtml xmlns=httpwwww3org1999xhtml	head		meta http-equiv=Content-Type content=texthtml; charset=utf-8 		meta content=width=device-width initial-scale=10 maximum-scale=10 user-scalable=0		na

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

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