网页菜单详解(3):样式修饰

时间： 2021-07-31 作者：daque

粉饰重要表此刻鼠标放到菜单上后（即鼠标悬停）的功效，这边开始引见几个常常用到的css属性：　　background-color：背局面，其值为一个脸色值，如“#ff0000”、“red”。　　border：边框款式，一个形如“宽窄款式脸色”的字符串，如“1px solid red”，即1px的赤色实线边框。　　cursor：鼠标南针款式，取值为表白鼠标南针款式的字符串，如“hand”、“help”，即小手、扶助状况。　　之上不过大略的引见了几个在该类菜单中非往往见的css属性，这边也并未做很精细的证明（究竟那些并不是咱们要解说的中心），欲领会更多可参见关系材料。笔者在这边想说的是：控制更多的css属性会对你有所扶助。　　前方说了，粉饰重要表此刻鼠标放到菜单上后的功效，那么怎样用javascript来遏制款式的变革呢？大概你会想到前方讲过的style东西，简直，用style不妨到达手段，然而，很多功夫，须要变换很多个css属性，用style就显得有些烦恼。咱们再来引见一个新的属性：classname。　　classname属性对应的即是css的class，也即所谓的伪类，比方在某个标志中树立class=myname，那么这时候该元素的classname属性即是myname。　　来看底下这个例子： --------------------------------------------.style_normal {color:gray;}.style_over {color:red;}

鼠标移上去，经过classname属性变换这段笔墨的class，使笔墨脸色形成赤色；移走，又回复从来的脸色。----------------------------------------------　　　　咱们看到，在处置对立搀杂的款式变革的情景下，用classname就简单得多了，至于款式怎样变革，就形成怎样设置class的题目了。　　讲到这边，我想有确定css普通的伙伴该当仍旧领会怎样来化装这个菜单了，即使你对css领会的还不多，前方仍旧引见了几个较常用的属性。以是，这边就不复多讲了。

网页菜单详解(3):样式修饰

相关推荐

推荐下载

热门阅览

最新排行