CSS - 鼠标划过 ¶

作者：KK
发表日期：2016.1.29

关键词:hover

以下代码实现鼠标划过时显示了不同的背景色,不同字体色以及加粗字体:

<body>
<style type="text/css">
li{background:red; color:#FFF;}
li:hover{background:yellow; color:blue; font-weight:bold;} /*任何你想在鼠标划过时显示的属性都可以写!*/
</style>
<ul>
	<li>11111</li>
	<li>22222</li>
	<li>33333</li>
</ul>
</body>

其实就是在选择器后面加:hover,注意前面有个冒号哦!

No results

'); var result = jssearch.search(query); if (result.length > 0) { var i = 0; var resHtml = ''; for (var key in result) { if (i++ > 20) { break; } resHtml = resHtml + '

' + result[key].file.t + '' + '' + result[key].file.d + '

'; } $('#search-results').html(resHtml); } }); // hide the search results on ESC $(document).on("keyup", function(event) { if (event.which == 27) { $('#search-resultbox').hide(); } }); // hide search results on click to document $(document).bind('click', function (e) { $('#search-resultbox').hide(); }); // except the following: searchBox.bind('click', function(e) { e.stopPropagation(); }); $('#search-resultbox').bind('click', function(e) { e.stopPropagation(); }); });