ul { list-style:none margin:0 padding:0 text-align:center background:#F03 color:#FFF -webkit-transform:scaleY(0) -webkit-transform-origin:0 0 }
li { padding:0 margin:0 }
div { width:200px }
div:hover ul { -webkit-animation:ulShow 0.4s -webkit-animation-fill-mode:forwards -webkit-animation-timing-function: cubic-bezier(0,0.8,0.9,1) }
div div { height:30px line-height:30px text-align:center background-color:#FC0 }
@-webkit-keyframes ulShow {
from { -webkit-transform:scaleY(0) }
to { -webkit-transform:scaleY(1) }
} <!-- HTML部分 -->
<div>
<div>下拉 </div>
<ul>
<li>第一个</li>
<li>第二个</li>
<li>第三个</li>
</ul>
</div>
本例适用于谷歌浏览器和Safari浏览器，如需兼容Opera须将“-webkit-”更改为”-o-“，火狐改为“-moz-
”，IE系列比较复杂在此不予举例详情请查询W3C。
<link href="css.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src=".jquery.js">
把脚本和css样式 就上面类似的代码，一般在网站源码头部，
复制到自己的页面上，然后文件对应地复制到自己的网站目录下面，
dw只是一个工具，操作后还是代码在起作用，所以还是直接写代码把
我一般把jquery1.8.0什么的直接改成jquery.js
个人喜好
如果是懒人图库下载来的js源码，那他页面上的html也要的，会有个id
和页面上js调用的函数
另外图片路径也要对，
你这样css和js都不会引入...操作起来可能有点问题
你是要横着的导航条式的，还是竖着的目录式的呢？$(".leftsc>ul>li").hover(function(){
$(this).find("ul").show()
},function(){
$(this).find("ul").hide()
})
剩下的就是你的css样式布局了。。你也可以通过加class,设置class的属性display:block；默认子层的ul的disaplay:none可以用hover效果也可以用click来切换class.
