Alex说需要再logo位置加个一个效果,需要鼠标放在LOGO上时我们的文字网址显示下划线并且文字透明度从80%提高到100%,开始先用CSS3来实现这个效果研究起来比较有难度,所以直接用jquery来实现了。
代码如下:
<script>
$(document).ready(function(){
var isShow=false;
$(".logo").mouseover(function(){
$(".logo_span").css("opacity","1");
$(".logo_span").css("textDecoration","underline");
isShow=true;
});
$(".logo").mouseout(function(){
if(isShow)
{
$(".logo_span").css("opacity","0.8");
$(".logo_span").css("textDecoration","none");
isShow=false;
}
});
})
</script>