百度搜索栏历史记录(test)

这是一个正在测试中的百度历史记录栏

    .ss{width: 644px;margin:0 auto;}input{width: 480px;height: 20px;padding: 9px 48px 9px 7px;}#sss{display: none; width: 536px;border:0.5px solid #cccccc;font-size: 14px;text-indent: 6px;position: absolute;margin-top: -2px;}p{margin:0;padding:0;}p:hover{background-color: #efefef;}ul{list-style: none;float: right;}li{float: left;margin-left: 20px;font-size: 14px;text-decoration: line;font-weight: 700;background-color: white;}.m25{margin-left: 25px;}a{color: #333333;}.c99{color: #999999;}.bg{width: 100%;height: 80px;}.more{color: white;background-color: #3388FF;padding: 2px;margin-top: -2px;font-weight: 100;text-decoration: none;}.k1{width: 641px;height: 181px;}.k2{margin:0 auto;width:270px;height:129px;}.input{border:1px solid #CCCCCC;border-radius: 0px;height: 19px;}.input2{width: 102px;height: 39px;background-color: #317EF3;text-align: center;color: white;text-indent: 13px;border:none;font-size: 16px;float: right;margin-right: 2px;}.mg20{margin-top: 20px;}.k3{width: 60px;height: 90px;margin:0 auto;padding-top: 260px;text-align: center;}.k5{text-align: center;font-size: 13px;margin-top: 14px;color: #999999;line-height: 26px;}.f12{font-size: 12px;}

<!DOCTYPE html>
<html>
<head><link rel="shortcut icon" href="baidu-icon.ico" /><link rel="bookmark" href="baidu-icon.ico" /><meta charset="utf-8"><title>百度一下 , 我不知道</title>
</head>
<body><div class="bg"><nav><ul><li><a href="">新闻</a></li><li><a href="">hao123</a></li><li><a href="">地图</a></li><li><a href="">视频</a></li><li><a href="">贴吧</a></li><li><a href="">学术</a></li><li><a href="">登录</a></li><li><a href="">设置</a></li><li > <a href="" class="more">更多产品</a></li></ul></nav></div><div><div class="ss"><div class="k1"><div class="k2"><img src="bd_logo1.png" width="270px" height="129px" class="mg20"></div></div><div><input type="text" class="ts" name="" onblur="uc()" id="ad"  onclick="fz()" class="input"><input type="submit" name="" value="百度一下" class="input2" onclick="ts(this)"></div><div class="k4" id="sss"><p onclick="g(1)"></p><p onclick="g(2)"></p><p onclick="g(1)"></p></div></div></div><div class="k3"><img src="zbios_efde696.png"><span class="f12">手机百度</span></div><div class="k5"><span><span class="m25"><a href="" class="c99">把百度设为主页</a><span class="m25"><a href="" class="c99">关于百度</a><span class="m25"><a href="" class="c99">About Baidu</a><span class="m25" class="c99"><a href="" class="c99">百度推广</a></span><br><span> ©2018 Baidu <a href="" class="c99">使用百度前必读</a> <a href="" class="c99">意见反馈</a> 京ICP证030173号</span>  <span><a href="" class="c99">京公网安备11000002000001号</a></span>　　　　　</div></body>
</html>

        b=0function fz(){//在点击时将历史框从none变成block元素document.getElementById('sss').style.display="block";}function ts(a){var n1=document.getElementsByClassName('ts');//根据内容来改变历史记录的情况，在少于3条时，记录上补，多于3条时，第二条变成第一条，第三条变成第二条，然后更新第一条信息for (var i = 0; i <n1.length; i++) {text=n1[i].value;ba= a.parentNode.nextSibling.nextSibling.childNodes;for (i=0;i<ba.length;i++) {if (b<ba.length) {ba[b].innerHTML=text;b=b+1;break;}else{b=ba.length;for (var d = 0; d <ba.length-1; d++) {ba[d].innerHTML=ba[d+1].innerHTML;}ba[b-1].innerHTML=text;　　　　　　　　　　break;}} }
}

//在失去焦点时消失function uc(){

document.getElementById('sss').style.display="none";
}

转载于:https://www.cnblogs.com/LastFire/p/8326379.html

百度搜索栏历史记录(test)相关推荐

AJAX实现百度搜索栏效果
刚学了AJAX做了个百度浏览器的实现效果,焦点的地方还不太完善,大家凑合看吧. 先上项目截图,大家可以看清项目各种包: 一.数据库 create table sa.selectinfo( slid n ...
两个开关电源可以并联使用吗开关电源有均流功能，只有开关电源有均流功能的才可以并联使用。没有的切记不可并联使用。电工之家百度快照课复制（可以把网址复制到百度搜索栏，不是http网址搜索栏）
两个开关电源可以并联使用吗时间:2018-08-07 08:46 来源:电工之家两个开关电源可以并联使用吗开关电源并联使用,就是我们常说的开关电源有均流功能,只有开关电源有均流功能的才可以并联使 ...
免费分享百度快排发包技术+原理解析【SEO内行精品资料】
百度SEO快排搜索URL参数解析分析 [战神快排独家内行SEO解密] 百度的搜索URL存在着一定的规律和逻辑,下面的链接是我使用百度搜索"战神快排"后得到的链接,下面就来一起分析下 ...
百度搜索URL参数解析详解与对快排的作用！
新增参数(移动端) word=代表手机移动搜索,wd=代表电脑PC搜索 sa=ib(首页) sa=tb(上方搜索输入框) sa=np(内页) ============================= ...
linux查看更多历史记录,查看更多历史，如何查看浏览历史记录
查看更多历史,如何查看浏览历史记录以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 如何查看浏览历史记录 1.进入手机百度 ...
Python爬虫——百度+新浪微盘下载歌曲
本篇分享将讲解如何利用Python爬虫在百度上下载新浪微盘里自己想要的歌手的歌曲,随便你喜欢的歌手! 首先我们先探索一下我们操作的步骤(以下载Westlife的歌曲为例):打开百度,输入"W ...
关于百度搜索技巧:都掌握了吗?
平时我们优化人员为了增加工作效率,不得不多学一些关于百度搜索方面的硬技巧和硬知识,但是对于很多站长也好和刚入门的seo优化人员其实对百度搜索优化这方面的一些小技巧根本就不会,甚至seo方面的一些搜索指 ...
百度搜索限定时间_你不知道的搜索引擎那点事儿
搜索引擎是大家日常生活中都会用到的东西,那么你真的用到搜索引擎的全部功能了吗? 很显然,你并没有比如今天我们要唠的,网站的高级查询命令我想大部分人就是不知道的比如site: domain: inu ...
百度收录批量查询_峰少课堂手把手教你操作百度霸屏！（内附详细操作笔记！）...
今天峰少课堂给大家讲解的是操作百度霸屏,一个月赚6000块!(内附详细操作笔记!) 看完可以直接拿去实操,没有效果你来找我啊哈哈哈哈哈!!之前我就是在公司摸索出了这套方法,然后专门找了一个文案做百度霸 ...

百度搜索栏历史记录(test)

百度搜索栏历史记录(test)相关推荐

最新文章

热门文章