[英]How can i change background image of the page when i click on navigation menu link using Javascript?
[英]when i click link how to change selected color in image in css using javascript
當我單擊鏈接時,如何使用JavaScript更改CSS中圖像中的選定顏色? 如何在以下代碼中使用JavaScript?
.review {
padding-left: 55px;
display: inline-block;
}
.icon1 {
display: inline-block;
background: url('../userimage/icon.jpg') no-repeat -32px -40px;
width: 12px;
height: 14px;
padding-left: 6px;
}
.icon2 {
display: inline-block;
background: url('../userimage/icon.jpg') no-repeat -32px -66px;
width: 12px;
height: 14px;
padding-left: 6px;
}
.icon1:hover {
background: url('../userimage/icon.jpg') no-repeat -13px -40px;
width: 12px;
height: 14px;
cursor: pointer;
}
.icon2:hover {
background: url('../userimage/icon.jpg') no-repeat -13px -66px;
width: 12px;
height: 14px;
cursor: pointer;
}
.icon {
cursor: pointer;
color: #848484;
font-weight: bold;
margin-left: 5px;
}
HTML:
<p class="review">
Was this review helpful?
<a class="icon" id="jp">
<span class="icon1"></span>
Yes
</a>
<a class="icon"><span class="icon2"></span>No</a>
</p>
好的:visited
可從瀏覽器歷史記錄中獲取,我想您只想更改單擊鏈接的顏色。 我把一些jQuery放在一起
$('a').click(function(){
if ( $(this).is(":visited"))
$(this).removeClass("visited");
else
$(this).addClass("visited");
});
和CSS
a{
color:#000;
text-decoration:none;
}
a.visited{
color:#205081;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.