首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

【转】仿淘宝 智能追随菜单提示栏 智能浮动的菜单

2013-01-27 
【转】仿淘宝 智能跟随菜单提示栏 智能浮动的菜单转自:http://guangqiang.iteye.com/blog/1699940script ty

【转】仿淘宝 智能跟随菜单提示栏 智能浮动的菜单
转自:http://guangqiang.iteye.com/blog/1699940

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script type="text/javascript"> $.fn.smartFloat = function() {    var position = function(element) {        var top = element.position().top, pos = element.css("position");$(window).scroll(function() {            var scrolls = $(this).scrollTop();            if (scrolls > top) {if (window.XMLHttpRequest) {    element.css({position: "fixed",top: 0});} else {    element.css({top: scrolls});}    }else {element.css({position: pos, top: top});            }        });    };    return $(this).each(function() {position($(this));     });};</script><script>//绑定$(document).ready(function(){    $("#nav_left_layout").smartFloat();});

<div id="nav_left_layout"></div>

热点排行