只能用javascript实现
如jquery的lazyload插件能实现图片的延迟载入
原理:将html中所有img标签的src属性都替换空，把src的存到自定义的属性中，当页面滚动到img标签位置时再载入进来。
其实你只要知道其中的原理就好办了，它就是当你鼠标放上去的时候，就显示一个div，也就是下拉菜单，可以用调用jquery来实现，如下：function hover_show(hoverClass,showClass)
{
$(hoverClass).hover(function (){
$(showClass).eq($(this).index()).show()
},function (){
$(showClass).eq($(this).index()).hide()
})
}
$(document).ready(function(e) {
hover_show(".menu li",".sub_menu_panal")})
你是想做个二级菜单吧。首先你的结构就错了，二级菜单需要双层ul套用，当默认第二层的ul处于display:none的状态，当你的鼠标第一层的li时你的第二层的display:block就行了。zend实验室，网站建设交流：
http://www.zendlab.com/2010/05/%E6%B7%B1%E5%85%A5%E8%A7%A3%E6%9E%90css%E4%BA%8C%E7%BA%A7%E8%8F%9C%E5%8D%95/
怕个地址是我在个人网站上写的一篇关于css二级菜单的原理解析。有图，很简单的，你可以看看。如果还有不明白的可以留言。
