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+灰暮寿衣