Js基础16:偏移量offset、滚动scroll、区c客户lient

JavaScript09

Js基础16:偏移量offset、滚动scroll、区c客户lient,第1张

1、偏移量offset

offset是偏移、位移、补偿的意思(取整数值四舍五入),表示元素的偏移量。

html和css代码

JavaScript代码

2、滚动scroll

scroll是长卷纸,卷轴的意思,表示浏览器滚动时元素的卷曲值。

html和css代码

JavaScript代码

3、客户区client

client获取的是元素的可视区域

案例:吸顶导航

html和css代码

JavaScript代码

这是下拉自动填充的Jquery的插件使用代码片段.

$('#search-kw').autocomplete({//在$('#search-kw')对象上启用autocomplete插件

    paramName: 'q',//参数名

    serviceUrl: "http://clients1.google.com/complete/search?client=serp&pq=3&sugexp=lemsnc&cp=1&gs_id=13",

    dataType: 'jsonp',//定义数据类型为JsonP

    deferRequestBy: 10,

    width:488,//定义自动完成提示信息的宽度

    noCache: false,//是否启用缓存

    transformResult: function(resp) {//从获取的结果中翻译出数据

        // resp = JSON.parse(resp)

        var sugs = $.map(resp[1], function(dataItem) {

            return {

                value: dataItem[0],

                data: dataItem[0]

            }

        })

        res = {

            'q': resp[0],

            'suggestions': sugs

        }

        return res

    },

    containerClass: "autocomplete-suggestions-app",//容器的class

    onSelect: function(sug, ignoreValueChange) {//当被选定时触发

        if (!ignoreValueChange) {

            $('#search-form').data('type','suggestion')

            $('#search-form').trigger('submit')

            //Stat.searchPV("suggestion",mode)

        }

    }

})

以下是autocomplete插件的详解 ,网转而来,希望对你有帮助.

语法: 

autocomplete(urlor data, [options] ) 

参数: 

url or data:数组或者url 

[options]:可选项,选项解释如下: 

1) minChars (Number) 

在触发autoComplete前用户至少需要输入的字符数,Default:1,如果设为0,在输入框内双击或者删除输入框内内容时显示列表。 

2) width (Number) 

指定下拉框的宽度,Default: input元素的宽度 

3) max (Number) 

autoComplete下拉显示项目的个数,Default: 10 

4) delay (Number) 

击键后激活autoComplete的延迟时间(单位毫秒),Default: 远程为400 本地10 

5) autoFill (Boolean) 

要不要在用户选择时自动将用户当前鼠标所在的值填入到input框,Default: false 

6) mustMatch (Booolean) 

如果设置为true,autoComplete只会允许匹配的结果出现在输入框,所有当用户输入的是非法字符时将会得不到下拉框,Default:false 

7) matchContains (Boolean) 

决定比较时是否要在字符串内部查看匹配,如ba是否与foo bar中的ba匹配.使用缓存时比较重要.不要和autofill混用.Default: false 

8) selectFirst (Boolean) 

如果设置成true,在用户键入tab或return键时autoComplete下拉列表的第一个值将被自动选择,尽管它没被手工选中(用键盘或鼠标).当然如果用户选中某个项目,那么就用用户选中的值. Default: true 

9) cacheLength (Number) 

缓存的长度.即对从数据库中取到的结果集要缓存多少条记录.设成1为不缓存.Default: 10 

10) matchSubset (Boolean) 

autoComplete可不可以使用对服务器查询的缓存,如果缓存对foo的查询结果,那么如果用户输入foo就不需要再进行检索了,直接使用缓存.通常是打开这个选项以减轻服务器的负担以提高性能.只会在缓存长度大于1时有效.Default: true 

11) matchCase (Boolean) 

比较是否开启大小写敏感开关.使用缓存时比较重要.如果你理解上一个选项,这个也就不难理解,就好比foot要不要到FOO的缓存中去找.Default: false 

12) multiple (Boolean) 

是否允许输入多个值即多次使用autoComplete以输入多个值. Default:false 

13) multipleSeparator (String) 

如果是多选时,用来分开各个选择的字符. Default:"," 

14) scroll (Boolean) 

当结果集大于默认高度时是否使用卷轴显示 Default: true 

15) scrollHeight (Number) 

自动完成提示的卷轴高度用像素大小表示 Default: 180 

16) formatItem (Function) 

为每个要显示的项目使用高级标签.即对结果中的每一行都会调用这个函数,返回值将用LI元素包含显示在下拉列表中.Autocompleter会提供三个参数(row, i, max): 返回的结果数组, 当前处理的行数(即第几个项目,是从1开始的自然数), 当前结果数组元素的个数即项目的个数.Default: none, 表示不指定自定义的处理函数,这样下拉列表中的每一行只包含一个值. 

17) formatResult (Function) 

和formatItem类似,但可以将将要输入到input文本框内的值进行格式化.同样有三个参数,和formatItem一样.Default: none,表示要么是只有数据,要么是使用formatItem提供的值. 

18) formatMatch (Function) 

对每一行数据使用此函数格式化需要查询的数据格式. 返回值是给内部搜索算法使用的. 参数值row 

19) extraParams (Object) 

为后台(一般是服务端的脚本)提供更多的参数.和通常的作法一样是使用一个键值对对象.如果传过去的值是{ bar:4 },将会被autocompleter解析成my_autocomplete_backend.php?q=foo&bar=4 (假设当前用户输入了foo). Default: {} 

20) result (handler) Returns:jQuery 

此事件会在用户选中某一项后触发,参数为: 

event: 事件对象. event.type为result. 

data: 选中的数据行. 

formatted:formatResult函数返回的值 

例如: 

$("#singleBirdRemote").result(function(event, data, formatted){ 

//如选择后给其他控件赋值,触发别的事件等等 

}) 

3、jquery.autocomplete使用技巧 

1) jquery.autocomplete需要的数据源可以为:本地数据和远程数据 

本地数据源为本地js数组或本地的json对象,如: 

var data = ["c++","java", "php", "coldfusion","javascript"] 

var data = [{text:'Link A', url:'/page1'}, {text:'Link B', url: '/page2'} ] 

在使用远程地址时,它默认传入的参数是:q(输入值),limit(返回结果的最大值),可以使用extraParams传入其他的参数,而且远程数据源是需要固定格式的数据,返回结果:使用“\n”分割每行数据,每行数据中使用“|”分割每个元素

FGC是法师的火系技能的超大型护身符,同样的还有CGC LGC这些都是简称。PT/EM/DY-----游戏的3个难度,普通/恶梦/地域CHAR-----------游戏人物ACC-------------游戏帐号n --------------- 退出、去下一个游戏N=? ----------游戏名是什么?p=?---游戏密码是什么?n+1 p=1 ----------游戏名+1,密码1(kb02、p=1,下一个游戏就是kb03、p=1)act X : X 是 1-5 中间的数字,表示第X场景SC---------------小护身符LC---------------大护身符GC---------------超大护身符CD/DC----------超级暗黑破坏神USC-------------杀了超级暗黑破坏神后掉的小护身符UGC-------------暗金超大护身符LGC-------------+1法师电系技能的超大护身符CGC-------------+1法师冰系技能的超大护身符Frozenstein (Frozen Abyss)冰冻怪魔-在act5冰河Pindleskin (Defiled Warrior)暴躁外皮-pLister-----------古难记录者-巴而召唤的第五批恐龙头HellBovine -----母牛-cKA---------------杀安MM(ACT1 BOSS)K3C--------------K瘸子,杀崔凡克的3个金怪议员KM---------------杀老魔(ACT3 BOSS)KD---------------杀暗黑破坏神(ACT4 BOSS)KP---------------进ACT5安亚旁边的红门杀里面的金怪--暴皮K3BB------------杀3个远古人,进世界之石杀巴而前一定要完成的任务(等级限制是20/40/60,不够级不能完成)KB/RB----------杀巴而/杀巴而召唤的5批怪物, 一般无区别KC---------------进牛关杀牛MF---------------Magic Find 魔法物品找寻1 --------------带人过程中,如果带人者打出这个数字,说明门里安全,可以进入;如果是 2,则表示危险RR-------------由一个高级人物利用一个40级没PASS PT的人物带几个1级的人物去DYACT4敲符文KEY------------40级没PASS PT的人物(杀了3BB,没杀巴而)# ------------符文,神符, 15#就是15号符文IST------------24#,24号符文的英文PG ----------- 完美宝石,包括完美骷髅、完美钻石max : 最大伤害min : 最小伤害FBR——fast blocking rate 快速格挡机率(快速搁挡几率 , 用盾搁挡的时候,每挡一下就需要一段时间,当受到多个攻击时,档住第一次后接着挡第二次攻击中间的时间间隔就是有fbr决定)FCR——Fast cast rate 快速施法率(加快施法速度,用以计算魔法型角色释放魔法的速度,fcr越高,释放魔法速度越快)Fr/w——Fast run/walk 快速奔跑/行走FHR——Fast hit recover 快速打击恢复(快速打击恢复, 人物在受到攻击时,当怪物造成的伤害比较大时,可能会出现一个向后仰的动作。要从这个动作中恢复过来,需要一定的时间,这个时间就由fhr的值决定, fhr越高,恢复越快)IAS——Increased Attack Speed 提升攻击速度。繁体中文版误译成提升xx%的准确率,繁体中文版的改良补丁有修正。(提升攻击速度 , 表示使用远程或者近战武器攻击的角色攻击速度)ETH------无形ED------增强伤害/防御ap+ -------------执政官铠甲(白色超强无孔3、4孔有用)mp+ -------------法师铠甲(白色15ed无孔3孔有用)sa+ --------------神圣铠甲(无形无孔3、4孔防御800+有用)ds+ -------------- 灰木寿衣血+ --------------珠宝匠之巨鲸的xx甲(4孔加70以上生命)稳定+ ----------珠宝匠之稳定的xx甲(4孔加24%快速打击恢复)CY-----------------暗金次元------死亡深度--次元碎片HSP/GLP--------暗金海蛇皮和它的升级版暗金古龙皮sz ---------------丧钟,死神丧钟7+ --------------漆甲, TLX套装的衣服TLX --------------塔拉夏, 法师的绿色套装CTA--------------战争召唤, 符文之语(能+技能,+生命法力)TP -------------传送TP+ ------------迷, 符文之语(能让所有人都回传送)oak --------------橡树之心,符文之语rt ----------如题rp --------- 人品,可以理解为运气LZ-----------楼主JR-----------贱人,奸人, 一般指BBS上的好人,名人, 禁止对MM使用B4-----------鄙视LJ------------垃圾JP------------极品JS------------奸商QR-----------穷人TH-----------土豪,有很多好装备的人DTH---------比上面那个人还th的人ZT------------转贴,-------猪头ROB----------抢,一般指朋友或者熟人之间互相要好装备--不要对不熟悉或者非朋友要东西一些技能的不同中文翻译sor:Warmth-暖气-温暖-热情冰/火/电支配-冰/火/电掌握pal:Defiance-反抗-藐视Cleansing-净化-洁净Vigor-精力-活力Salvation-救助-拯救Conviction-信念-审判Zeal-白热-热诚asn:Shadow Master-影子大师 -支配影子(影子支配)bar:Mace Mastery-支配钉头锤 -锤系掌握Ring--戒指Amulet--项链Jewel--珠宝AR-攻击准确率ap+ -----执政官铠甲cd-冰伤害cr-抗冰dr-减少物理伤害, 即一般所说的物免dam-伤害def-防御dex-敏捷drb-伤害减少eth-无形ed-增强伤害/防御ek-杀死怪物后获得XX法力的属性fr- 抗火frw-快速奔跑/行走fhr-快速打击恢复IAS-提速LL-吸血LR-抗电LD-电伤害LM-吸法life-生命mp+ -----法师铠甲mana-法力max-最大伤害min-最小伤害mdr-法术伤害减少pd-毒伤害PR- 防毒req-物品的装备要求,一般包括强壮,敏捷,级别等res -抗性(四防)sa+ ----神圣铠甲STR-力量SKILL-技能VIT-活力、耐力rune word ----- rw ---符文之语botd-死亡呼吸White-白色Cta-战争召唤Doom -末日Oak-橡树之心Beast -野兽Chaos- 混沌Faith -信心Grief -悔恨Infinity 无限Fortitude- 刚毅Insight ------ 洞察Obedience ------- 遵从Spirit ----- 精神Coh -------- 荣耀之链Bramble------毒甲--- 野蔷薇tp+ -----迷团符文之语材料:剑:CB ----- Colossus Blade 巨神之刃PB ----- Phase Blade 幻化之刃Balrog Blade 炎魔之刃Cryptic Sword神秘之剑斧头:BA ----- Berserker Axe 狂战士斧矛:Ghost Spear 鬼魂之矛 ,War Pike 战枪长柄武器:Colossus Voulge巨神之斧Cryptic Axe神秘之斧Thresher锐利之斧Giant Thresher鲛尾巨斧Great Poleaxe巨长斧弓:Grand Matron Bow 大院长之弓Matriarchal Bow女族长之弓Great Bow巨弓Hydra Bow九头蛇弓Crusader Bow十字军弓游侠杖:Cad ----- Caduceus 神使之杖Seraph Rod 炽天使法杖刺客爪:Suwayyah 近身刃Scissors Suwayh 近身剪Suwayyah Warfist战拳衣服:mp+ 法师铠甲ap+ 执政官铠甲sa+神圣铠甲ds+灰暮寿衣