请问css下拉自动缓冲是怎么实现的？

html-css0147

请问css下拉自动缓冲是怎么实现的？,第1张

看你的描述 ，应该是lazyload

只能用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二级菜单的原理解析。有图，很简单的，你可以看看。如果还有不明白的可以留言。