ホームページ > 記事 > ウェブフロントエンド > コードの作成と変更_html/css_WEB-ITnose
class div html css
这段代码怎么加进去代码能使鼠标移到某个词处这组词就改颜色,还有背景也改色。这个没人愿意做这个么
有奖回答也没有人么
这个还是什么论坛不是了呢
c9ccee2e6ea535a969eb3f532ad9fe89
a {color:#fff; text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#000; background-color: #fff; }
a:active {color:#000; }
531ac245ce3e4fe3d50054a55f265927
把span换成A标签 加上 href="#" 属性
你看看是不是这效果
<style>a {color:#fff; text-decoration:none;}a:visited {text-decoration:none;}a:hover {color:#000; background-color: #fff; }a:active {color:#000; } </style><div class="custom-area"> <div class="slider-promo good taobao00 ee01 x01" style="height: 0px; position: static;"> <div class="lst-trigger grid-s5m0" style="left: 50%; top: 100px; width: 100%; height: 40px; z-index: 99;"> <div class="lst-trigger col-sub" style="left: 50%; top: 0px; width: 100%; height: 100%; z-index: 99;"> <div class="grid-s5e5m0 lst-trigger" style="background: rgb(94, 15, 21); top: 0px; width: 100%; height: 30px; z-index: 99;"> <div class="col-extra lst-trigger" style="left: 50%; top: 0px; width: 1920px; height: 30px; color: rgb(255, 255, 255); line-height: 30px; padding-left: 285px; font-size: 18px; font-weight: 500; z-index: 99;"> <div style="float: left;"> <a style="padding: 0px 5px;" href="#" >首页更精彩</a>| <a style="padding: 0px 5px;" href="#" >保暖套件馆</a>| <a style="padding: 0px 5px;" href="#" >秋冬被芯馆</a>| <a style="padding: 0px 5px;" href="#" >甜蜜婚庆馆</a>| <a style="padding: 0px 5px;" href="#" >超值套餐馆</a>| <a style="padding: 0px 5px;" href="#" >家居生活馆</a>| <a style="padding: 0px 5px;" href="#" >健康枕芯馆</a>| <a style="padding: 0px 5px;" href="#" >自助购物</a></div> </div> </div> </div> </div> </div></div>
b585974ae3b7dba3039af53a9593f9c4
383eb734b02b508089ba2d78eb4c6f68
93f0f5c25f18dab9d176bd4f6de5d30e
ebeda52af7641f7e715679a8472f8c69
b2386ffb911b14667cb8f0f91ea547a7无标题文档6e916e0f7d1e588d4f442bf645aedb2f
8019067d09615e43c7904885b5246f0a
function init(){
var color="";
var spans=document.getElementsByTagName("span");
for(var i=0;ifb254d0eabc8503484c777b80363b9f0
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
47e825b0db5b7f8742828f208ecc45b9
f64e42f01a787114310adeec0ff5b449
c30ebac42fd4ae3589429a514a888a3d
5687b9c0901a22f84ad3772395fd612d
786be353f89ed87daaa59fee02071b4a
b8c367f2259a01fd89587e1f76384418
3124346daf0e7fceea033c2e82c1b9a7
2eacea1ba07a50e83ae8158edbc1e416首页更精彩54bdf357c58b8a65c66d7c19c8e4d114| 2eacea1ba07a50e83ae8158edbc1e416保暖套件馆54bdf357c58b8a65c66d7c19c8e4d114| 2eacea1ba07a50e83ae8158edbc1e416秋冬被芯馆54bdf357c58b8a65c66d7c19c8e4d114| 2eacea1ba07a50e83ae8158edbc1e416甜蜜婚庆馆54bdf357c58b8a65c66d7c19c8e4d114| 2eacea1ba07a50e83ae8158edbc1e416超值套餐馆54bdf357c58b8a65c66d7c19c8e4d114| 2eacea1ba07a50e83ae8158edbc1e416家居生活馆54bdf357c58b8a65c66d7c19c8e4d114| 2eacea1ba07a50e83ae8158edbc1e416健康枕芯馆54bdf357c58b8a65c66d7c19c8e4d114| 2eacea1ba07a50e83ae8158edbc1e416自助购物54bdf357c58b8a65c66d7c19c8e4d11416b28748ea4df4d9c2150843fecfba68 ;
16b28748ea4df4d9c2150843fecfba68
36cc49f0c466276486e50c850b7e4956
他のものを自分で追加してください