jquery 侧边商品分类二级导航菜单样式

IT菇凉

于 2014-02-27 17:01:11 发布

阅读量2.9k

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/u013214705/article/details/20059971

版权

这是一个使用jQuery编写的侧边栏商品分类二级导航菜单样式示例。文章包含HTML、CSS和JavaScript代码，展示了如何通过hover事件创建响应式的导航菜单。

摘要由CSDN通过智能技术生成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery hover属性仿改图网橙色的侧边商品分类二级导航菜单样式</title>
</head>

<body>

<style type="text/css">
/* reset */
*{margin:0;padding:0;list-style-type:none;}
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
:focus{outline:0;}
label{cursor:pointer;}
img{vertical-align:middle;}
table{empty-cells:show;border-collapse:collapse;border-spacing:0;}
h1{font-size:16px;}h2,h3,h4{font-size:14px;}h5,h6{font-size:12px;}
abbr,acronym{border:0;font-variant:normal}