html+css+jquery鼠标经过和点击显示

1、准备好需要用到的图标。

2、新建html文档。

4、书写css代码。<style>body { margin: 10px auto; font多唉捋胝: 75%/120% Verdana, Arial, Helvetica, sans-serif; }.menu_list { width: 150px; }.menu_head { padding: 5px 10px; cursor: pointer; position: relative; margin:1px; font-weight:bold; background: #eef4d3 url(left.png) center right no-repeat; }.menu_body { display:none; }.menu_body a { display:block; color:#006699; background-color:#EFEFEF; padding-left:10px; font-weight:bold; text-decoration:none; }.menu_body a:hover { color: #000000; text-decoration:underline; }</style>

7、查看效果。