运行后刷新一下，才可以，也可以保存本地直接运行也可。 jquery导航菜单 #menu1 { width:970px;height:45px;} #menu1,#menu1 a , #menu1 a span{ background-image:url(http://img.jb51.net/demo/images/daohao.gif);} #menu1 a{ display:block;float:left;height:45px;} #menu1 a span{ float:right;width:33px; height:45px; background-position:-970px 0;} #menu1 a span.sj{ background-position:-1003px 0;} #menu1 a.a1{ width:168px; background-position:0 0;} #menu1 a.a2{ width:117px; background-position:-168px 0;} #menu1 a.a3{ width:113px; background-position:-285px 0;} #menu1 a.a4{ width:114px; background-position:-398px 0;} #menu1 a.a5{ width:111px; background-position:-512px 0;} #menu1 a.a6{ width:114px; background-position:-623px 0;} #menu1 a.a7{ width:113px; background-position:-737px 0;} #menu1 a.a8{ width:120px; background-position:-850px 0;} #menu1 a.nowa1{ background-position:0 45px;} #menu1 a.nowa2{ background-position:-168px 45px;} #menu1 a.nowa3{ background-position:-285px 45px;} #menu1 a.nowa4{ background-position:-398px 45px;} #menu1 a.nowa5{ background-position:-512px 45px;} #menu1 a.nowa6{ background-position:-623px 45px;} #menu1 a.nowa7{ background-position:-737px 45px;} #menu1 a.nowa8{ background-position:-850px 45px;} [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　判断脚本加载是否完成的方法

我们可以对加载的 JS 对象使用 onload 来判断（js.onload），此方法 Firefox2、Firefox3、Safari3.1+、Opera9.6+ 浏览器都能很好的支持，但 IE6、IE7 却不支持。曲线救国 —— IE6、IE7 我们可以使用 js.onreadyst>>>详细阅读

本文标题：jquery 实现斜导航效果

地址：http://www.17bianji.com/kaifa2/JS/28657.html

 1/2    1