新闻中心 > 正文
最新播报:

线上娱乐05520永利:DedeCMS使用Ajax实现搜索下拉提示功能

2020/6/1 14:15:35 来源:线上娱乐05520永利 阅读次数: 227

线上娱乐05520永利最新报道

线上娱乐05520永利DedeCMS使用Ajax实现搜索下拉提示功能

【我】【想】【啊】【想】【啊】【,】【一】【直】【想】【到】【晚】【上】【吃】【饭】【的】【时】【候】【,】【我】【吃】【着】【饭】【也】【想】【着】【,】【一】【直】【想】【到】【晚】【上】【睡】【觉】【的】【时】【候】【,】【因】【为】【我】【想】【把】【这】【个】【迷】【解】【开】【。】【这】【样】【就】【不】【用】【早】【上】【想】【,】【中】【午】【吃】【饭】【的】【时】【候】【想】【,】【晚】【上】【的】【时】【候】【也】【不】【用】【想】【了】【,】【真】【好】【啊】【!】【星】【期】【六】【的】【晚】【上】【,】【我】【终】【于】【把】【这】【个】【谜】【解】【开】【了】【,】【但】【是】【我】【不】【告】【诉】【妈】【妈】【,】【因】【为】【这】【是】【个】【秘】【密】【,】【谁】【都】【不】【能】【告】【诉】【。】【我】【高】【兴】【的】【连】【中】【午】【饭】【呵】【晚】【饭】【都】【不】【吃】【了】【,】【中】【午】【到】【晚】【上】【我】【开】【心】【的】【不】【得】【了】【。】【我】【跟】【我】【的】【娃】【娃】【说】【一】【声】【我】【要】【下】【去】【写】【作】【业】【,】【娃】【娃】【知】【道】【这】【个】【秘】【密】【,】【也】【帮】【我】【保】【守】【秘】【密】【,】【我】【就】【下】【去】【写】【我】【的】【作】【业】【了】【。】【我】【的】【作】【业】【才】【写】【了】【一】【半】【妈】【妈】【就】【让】【我】【去】【吃】【饭】【了】【,】【做】【的】【是】【大】【米】【饭】【,】【番】【茄】【鸡】【蛋】【可】【好】【吃】【了】【。】

  这个功能主要实现的是用户在搜索的时候输入关键字,然后会出现下拉菜单,下拉菜单中出现的是站内所有包含这个关键字的文章的标题共用户选择,相对原生的搜索这个功能实用一点,既增加了用户体验,也可以让用户快速的找到想要的东西。

功能基于php+jquery来实现,参考autocomplete,效果图如下:  下面讲解下具体实现步骤:1、打开你的网站首页模板,在/head之前加入scriptlanguage=javascripttype=text/javascriptsrc={dede:_templets_skin/}/js//scriptscripttype=text/javascriptfunctionlookup(inputString){if(==0){//Hidethesuggestionbox.$(#suggestions).hide();}else{$.post(/plus/search_,{queryString:+inputString+},function(data){if(){$(#suggestions).show();$(#autoSuggestionsList).html(data);}});}}//lookupfunctionfill(thisValue){$(#inputString).val(thisValue);setTimeout($(#suggestions).hide();,200);}/script  这个jquery库需要你自己下载,这里就不多说了。 本人用的是这个版本的。   这段代码中的search_就是本文下载的文件,下载后放入/plus目录下。 2、打开,找到搜索部分的from表单代码修改为formname=formsearchaction={dede:_cmsurl/}/plus/=formkeywordlabelfor=header-subscribe-emailclass=text/labelinputtype=hiddenname=kwtypevalue=0/inputtype=textname=qsize=24value=在这里搜索...onfocus=if(==在这里搜索...){=;}onblur=if(==){=在这里搜索...;}id=inputStringonkeyup=lookup();onblur=fill();class=f-textinputtype=submitclass=commitvalue=搜索/divclass=suggestionsBoxid=suggestionsstyle=display:none;divclass=suggestionListulid=autoSuggestionsList/ul/div/div/form  这部分可以根据你自己的代码的实际情况具体修改,主要是输入关键字的input和下边加的DIV层。

3、打开你自己的样式表css文件,在最后加入.suggestionsBox{position:relative;left:0px;width:250px;background:white;border:1pxsolid#dcdcdc;color:#323232;z-index:999;}.suggestionList{margin:0px;padding:0px;}.suggestionListli{margin:0px0px3px0px;position:relative;padding:3px;cursor:pointer;list-style:none;padding-left:5px;height:20px;overflow:hidden}.suggestionListli:hover{background-color:#659CD8;}.jr{position:absolute;top:9px;right:-5px}  此样式可以根据自己的网站定义噢。

  到这添加的代码就完了,然后下载search_,下载后解压得search_到放入/plus目录下。 在这个文件里有详细注解。

可根据实际情况调整。 所有结果都是由这个文件来返回的。

最后去前台试试您的效果把。   本文由似水星辰原创,本文原地址:。

线上娱乐05520永利DedeCMS使用Ajax实现搜索下拉提示功能今年开始韩星纷纷换上「无眼线」眼妆,只用眼影增加眼睛的深邃度~不仅不需画眼线,超适合手残党XD还能更自然的放大双眼~想要知道今年韩星流行的「无眼线眼妆」有什么技巧就一起看下去!STEP1:眼窝打底第一步超级简单,当然就是眼窝打底啦~有打底才能画出韩星的干净眼妆!STEP2:眼头、下眼睑过渡色+眼折、眼尾过渡色第二步选择比重点色浅一阶的中间色当过渡色,在眼头、下眼睑处晕染开,让眼睛变得更深邃~接着还是使用中间色,一样涂抹在在上眼皮眼折内和下眼尾后1/3,这一步除了可以加深双眼皮线、开眼尾之外,还能帮助眼妆的各个颜色更好的过渡~STEP3:眼折重色第三部拿出眼妆的重点色,涂抹在上眼皮眼折内,记得要和过渡色均匀晕染、融合,这样眼妆看起来才不会脏脏的!STEP4:眼中、卧蚕亮片色这一步就是韩妞一定要使用的「撒娇肉」眼妆技巧!使用珠光、亮片色在上眼皮中和卧蚕前1/3打亮~可以看起来更无辜可爱,眼神也比较温柔~STEP5:伪眼线+卧蚕阴影接着使用一加深色(比重点色深一阶的颜色),做出伪眼线和卧蚕下方的阴影~这样眼妆就不会因为没有眼线少了有神度,也可以将卧蚕更明显的凸显出来!STEP6:刷上睫毛膏完成!最后一步就是刷上睫毛膏啦!女孩们不要觉得这一部很平凡就随便乱刷,因为睫毛可是韩星在画无眼线妆容时最在意的地方!一定要记得将上睫毛刷得又长又翘~这样眼睛才放大也放电!。

上一篇:【两会】全国政协委员、宁德时代董事长曾毓群:应加快电化学储能新型基础设施建设 下一篇:没有了

  • 落马官员喜欢喝白酒公款购买1470瓶 退休前全喝光
  • 台军拒承认高价购F-16遭讽:买贵了还掩饰自己无能
  • 丑闻不断!台女兵偷拍同袍裸照上传网络 获刑8个月
  • 开会打架溅血还捏“惨叫鸡” 台议场这一幕太暴力
  • 人民日报:区块链技术创新不等于炒作虚拟货币
  • 科技日报:未成年人犯罪量刑 年龄只能一刀切?
  • 十九届四中全会新闻发布会11月1日上午10时举行
  • 老虎机游戏官网两艘大陆船只及28名船员被台当局扣押 国台办回应
  • 虎博城娱乐官网5个月后香港首富李嘉诚终于行动 港府表态
  • 两艘大陆船只及28名船员被台当局扣押 国台办回应
  • 线上娱乐05520永利DedeCMS使用Ajax实现搜索下拉提示功能
  • 线上娱乐05520永利【两会】全国政协委员、宁德时代董事长曾毓群:应加快电化学储能新型基础设施建设
  • 线上娱乐05520永利JspRun!社区论坛系统JspRun!社区论坛系统 v6.0.0 build 20110516 GBK 安装版下载
  • 线上娱乐05520永利【汽车改装无线充电】或将明年发布 奔驰S级Coupe谍照曝光
  • 线上娱乐05520永利《不完美的她》里有大爱
  • 线上娱乐05520永利ETF多赛道渐成红海 市场马太效应显著
  • 线上娱乐05520永利ECShopECShop v2.7.2 build 20100604 GBK下载
  • 线上娱乐05520永利F-35B隐身战机现身东海 美国“主宰亚太”蓄谋已久
  • 线上娱乐05520永利《生死之门》诗吴老满
  • 线上娱乐05520永利B站宣布开通4K画质视频 对现阶段来说意义大吗?
  • [责任编辑:admin]

    Copyright @ 2000 - 2019 208.85 All Rights Reserved.  制作单位:新华网

    本站导航:灯饰照明 社会服务 机械机电 其它行业 I T 行 业 电子通信

    版权所有 新华网