50,526
社区成员
发帖
与我相关
我的任务
分享【求助帖】求助怎么实现字体颜色在点击的瞬间改变
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>图书简介</title>
<link rel="stylesheet" href="css/bookStyle.css">
</head>
<body>
<section id="book">
<div class="imgLeft"><img src="images/store.jpg" alt="岛上书店"></div>
<div class="textRight">
<h1>岛上书店【荐书联盟推荐】[The Storied Life of A.J.Fikry]</h1>
<p class="intro">自营图书几十万畅销品种阶梯满减，抽奖赢魅蓝note3、JDRead阅读器！</p>
<p id="author">[美] 加·泽文（Gabrielle Zevin） 著；孙仲旭，李玉瑶 译</p>
<div class="price">
<div id="jdPrice">
京东价：
<span>￥24.10</span> [6.9折]
<p>[定价：<span>￥35.00</span>]</p> (降价通知)
</div>
<p id="mobilePrice">促销信息：<span>手机专享价</span> <span>￥9.90</span></p>
<dl>
<dt >以下促销可在购物车任选其一</dt>
<dd><span>加价购</span> 满99.00元另加6.18元即可在购物车换购热销商品</dd>
<dd><span>满减</span> 满100.00减20.00，满200.00减60.00，满300.00减100.00</dd>
</dl>
<p id="ticket">领 券：<span>105-6</span> <span>200-16</span></p>
</div>
</div>
</section>
<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
<script type="text/javascript">
$(function() {
$(".intro,#jdPrice>span,dt,dd").css("color", "red")
$("dt").click(function() {
$("dd").toggle()
}).mouseover(function(){
$(this).css("cursor","pointer")
}).keyup(function(){
$(this).css("color","red")
})
$("#jdPrice>span").css({"font-size": "25px","font-weight":"bold"})
$("#jdPrice>p").css("color", "#C0C0C0")
$("#jdPrice>p>span").css("text-decoration", "line-through")
$("dd>span,[id='ticket']>span").css({
"color": "white",
"background-color": "red",
"padding":"3px"
})
})
</script>
</body>
</html>怎么实现在点击的一瞬间，动态改变字体颜色，类似于网站一样，本来是蓝色字体，在点击一瞬间字体变成红色，然后在变为蓝色。
...全文
请发表友善的回复…
发表回复
