首先是style部分定義類名,并將想要實(shí)現(xiàn)的樣式效果寫入
??<style> .blue{ color:blue; } //字體變?yōu)樗{(lán)色 .red{ color:red; } //字體變?yōu)榧t色 </style>?
?
其次是js部分代碼,引入jquery,將想要改變的樣式類名加入元素或移除元素
??<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>?
?
??<script> $(document).ready(function(){ $("#p1").mousedown(function(){ $("#p1").addClass("blue"); $("#p1").removeClass("red"); }); $("#p1").mouseup(function(){ $("#p1").addClass("red"); $("#p1").removeClass("blue"); }); }); </script>?
?
最后是要改變的html元素,id名為p1
??<p id="p1">這是一個(gè)段落。</p>?
?
?
?
?
?
本文摘自 :https://blog.51cto.com/u