javascript - 鼠标点击过后的样式,这个是怎么写的啊?
本文介绍了javascript - 鼠标点击过后的样式,这个是怎么写的啊?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
效果网站www.w3school.com.cn
点击后文字变红色了,然后刷新后还是这个效果
这个怎么写?
点击后的文字是红色
我的问题不是想知道他的是点击过后
li标签上增加了class"currentLink"
也不是hover和active
而是你点击过后li标签上动态增加的class "currentLink"这个刷新页面过后还在
解决方案
<style type="text/css">
a {
color: black;
}
a:link,a:visited {
text-decoration: none;
}
a:hover,a:active {
text-decoration: underline;
}
a.active {
color: red;
}
</style>
<ul class="link-list">
<li><a href="javascript:;">你说的只不过是一开始就在那里的只是 换了个 页面吧?</a></li>
<li><a href="javascript:;">点我然后刷新试试</a></li>
</ul>
<script type="text/javascript">
var sFlag = sessionStorage._flag,
o = document.querySelectorAll('.link-list a');
o[sFlag || 0].className = 'active';
[].forEach.call(o,function(e,x){
e.onclick = function(){
for (var i = 0;i < o.length;i++){
o[i].className = '';
}
this.className = 'active';
sessionStorage._flag = x;
};
});
</script>
这篇关于javascript - 鼠标点击过后的样式,这个是怎么写的啊?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文