您的位置:奥门新浦京网址 > 奥门新浦新京官方网站 > jquery根据锚点offset值实现动画切换_javascript技巧

jquery根据锚点offset值实现动画切换_javascript技巧

发布时间:2019-12-03 01:42编辑:奥门新浦新京官方网站浏览(92)

    锚点相信大家都使用过吧!点击后僵硬的切换是不是很不爽呢?

    其实Ztree官网已经有详细的API文档,一切以官网上的说明为准,我在此只是结合实践总结几条常用的ztree的功能特性.

    这篇文章主要介绍了通过window.location.search来获取页面传来的参数,经测试是OK的

    下面分享一个小技巧,根据锚点offset值来实现动画切换

    (ztree的语法结构是基于key-value的形式配置)

    function GetQueryString { var reg = new RegExp" + name + "=; var r = window.location.search.substr; if  return ; return null; }
    
    var sname = GetQueryString; if { var sname_ = decodeURIComponent; }
    
    无标题文档*{ margin:0; padding:0;}.main{ width:1000px; margin:0 auto; position:relative; }.main img{ float:left;}.bg{ position:absolute; width:100%; z-index:-5;}.bg01{ height:885px;background:url no-repeat center;}.bg02{ height:938px;background:url no-repeat center; }.bg03{ height:946px;background:url no-repeat center; }.bg04{ height:946px;background:url no-repeat center; }.div_scoll{ position:fixed; width:50px; height:200px; right:100px; top:50%;}a{ display:block; background:#3F6; color:#000; width:50px; height:50px; }       图1图2图3图4${$.click{$.animate.attr.top + "px"},1000);});});
    

    1:支持异步加载数据

    abcd.html?name=xyz

    async: {enable: true, url:'abc.ashx',otherParam: { "request": "requestname" }}
    

    enable :设置 zTree 是否开启异步加载模式.

    url:Ajax 获取数据的 URL 地址.

    otherParam:Ajax 请求提交的静态参数键值对.相当于ajax中的data参数.

    2:加载数据并绑定,一般都是定义数据结构实体即model,此数据结构要包含层级关系通常包括:ID,父ID,Name.

    data: {simpleData: {enable: true}}
    
    data: {key: {children: "childrens",checked: "IsChecked"}}
    

    本文由奥门新浦京网址发布于奥门新浦新京官方网站,转载请注明出处:jquery根据锚点offset值实现动画切换_javascript技巧

    关键词:

上一篇:没有了

下一篇:没有了