web前端|js教程
JS,CSS,仿新浪微博,搜索框,方法
web前端-js教程
本文实例讲述了JS+CSS实现仿新浪微博搜索框的方法。分享给大家供大家参考。具体实现方法如下:
layui 源码,vscode 右键添加,ubuntu 建设网站,启动tomcat报,sqlite 实时备份,自己买服务器出租,discuz支付宝登录插件下载,前端开发框架排行,mzitu爬虫,手机看php,seo入门基础教程,交友网站源码带数据,仿京东网页设计,后台模板如何用,页面拖动控件,sql火车票预订管理系统,免流网站程序lzw
简单注册源码,vscode打开js,ubuntu连接网线一直断开,tomcat 网关超时,迅雷举报资源sqlite,discuz 在线考试 插件,git 支持ie的前端框架,矩池云部署爬虫,php代码注入,崇左seo价格,美乐乐后台管理网站,ios网页模板下载,在线考试系统网站模板,易语言程序美化lzw
* { padding:0; margin:0;}
body { font-size:14px; }
#box { width:600px; margin:40px auto;}
#in { width:240px; height:24px; line-height:24px; border:1px solid #369; border-radius:4px; box-shadow:inset 0 0 2px #999; }
#suggest { display:none; position:relative; margin-top:-1px; width:240px; padding-top:1px; border:1px solid #369; border-top:0 none;
border-radius:4px; box-shadow:inset 0 0 2px #999; overflow:hidden; }
#suggest a { display:block; color:#f00; height:24px; line-height:24px; text-decoration:none; padding:0 4px;}
#suggest a:hover { background:#eee;}
#suggest a span { color#369;}
window.onload=function(){
//声明一坨变量供下面使用
var obox=document.getElementById("box");
obj=document.getElementById("in");
osug=document.getElementById("suggest");
oa=osug.getElementsByTagName("span");
//兼容ie和火狐浏览器的方式,但是经测试发现ie678可以ie9却不行在删除的时候无法触发,网上查下说有ie9这个问题
obj.oninput=obj.onpropertychange=onchange;
function onchange(){
var txt=this.value;
var words=txt.length;
if(words==0){
osug.style.display="none";
}else if(words<=8){
osug.style.display="block";
for( var i=0;len=oa.length,i<len;i++){
oa[i].innerHTML=txt;
}
}else if(words>8){
osug.style.display="block";
var limit=txt.substring(0,8)+"...";
for( var i=0;len=oa.length,i<len;i++){
oa[i].innerHTML=limit;
}
}
}
}
function disbox(){
document.getElementById("suggest").style.display="none";
}
棋牌游戏源码搭建运行,vscode配置编译c语言,ubuntu查询cup,tomcat 导入根证书,家养的爬虫,php gridview,珠海百度seo机构,网站运维下载,discuz 原版模板 下载lzw
搜“”相关微博
搜“”相关用户