百度一下搜索成功界面

最新推荐文章于 2021-06-21 23:06:21 发布
最新推荐文章于 2021-06-21 23:06:21 发布
阅读量2.3k 收藏 1
点赞数
文章标签： 百度一下搜索成功界面
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cxknmsl2333/article/details/100639799
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        .container {
            width: 1400px;
            background-color: pink;
        }

        .container > div {
            float: left;
        }

        .container1 {
            width: 1400px;
            background-color: pink;
        }

        .container1 > div {
            float: left;
            height: 36px;
        }

        .left-box {
            width: 125px;
            height: 38px;

        }

        .left-box1 {
            width: 540px;
            height: 36px;
            background-color: white;
            border: 1px solid #3385ff;
        }


        .right-box {
            width: 100px;
            height: 38px;
            background-color: #3388FF;
            color: white;
            text-align: center;
            line-height: 38px;


        }

        input {
            outline: none;
            border: 0;
            height: 34px;
            width: 500px;
            margin-left: 5px;
        }

        #left-box2 {
            width: 1400px;
            height: 36px;
            background-color: #f8f8f8;
            margin-top: 10px;
            padding-left: 125px;
            line-height: 36px;;
        }

        #left-box2 > a {
            text-decoration: none;
            color: #666;
        }

        #left-box3 {
            width: 1400px;
            height: 1000px;
            background-color: white;
            padding-left: 125px;


        }

        .container3 {
            width: 1400px;
            height: 100%;
            padding-top: 80px;

        }

        #left-box3-1 {
            width: 713px;
            height: 100%;
            background-color: white;
            float: left;
        }

        #left-box3-2 {
            width: 538px;
            height: 36px;
            background-color: white;
        }

        #left-box3-2 > a {
            text-decoration: none;
            color: #666;
        }

        #left-box3-3 {
            width: 661px;
            height: 24px;
            background-color: white;
            margin-top: 10px;
        }

        #left-box3-4 {
            width: 661px;
            height: 75px;
            background-color: white;
            margin-top: 10px;
        }

        #left-box3-5 {
            width: 661px;
            height: 24px;
            background-color: white;
            margin-top: 10px;
        }

        #left-box3-6 {
            width: 661px;
            height: 121px;
            background-color: white;
            margin-top: 10px;
        }

        #left-box3-7 {
            width: 661px;
            height: 24px;
            float: left;
            background-color: white;
            margin-top: 10px;
        }

        #left-box3-8 {
            width: 661px;
            height: 140px;
            background-color: white;
            margin-top: 10px;
        }
        #right-box1 {
            width: 2px;
            height: 50%;
            background-color: #cccccc;
            float: left;
            margin-top: 32px;
        }
        .bg {
            display: block;
            position:absolute;
            top:11px;
            right:20px;
            background:url("https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/soutu/img/camera_new_679c15cc.png");
            width:18px;
            height:16px;
            cursor:pointer;
        }
        #right-box2 {
            width: 400px;
            height: 100%;
            background-color: white;
            float: left;
            margin-top: 36px;
        }

        #right-box2-1 {
            width: 400px;
            height: 36px;
            background-color: white;
            padding-left: 10px;
        }

        #right-box3-1 {
            width: 400px;
            height: 140px;
            background-color: white;
            padding-left: 10px;
            float: left;
        }

        #right-box3-1-1 {
            width: 90px;
            height: 140px;
            background-color: white;
            padding-left: 10px;
            float: left;
        }

        #right-box3-1-2 {
            width: 90px;
            height: 140px;
            background-color: white;
            padding-left: 10px;
            float: left;
        }

        #right-box3-1-3 {
            width: 90px;
            height: 140px;
            background-color: white;
            padding-left: 10px;
            float: left;
        }

        #right-box3-1-4 {
            width: 90px;
            height: 140px;
            background-color: white;
            padding-left: 10px;
            float: left;
        }


    </style>
</head>
<body>
<div class="container">
    <div class="left-box" style="position:relative;">
        <img src="//www.baidu.com/img/baidu_jgylogo3.gif" alt="" style="position: absolute">
    </div>
    <div class="left-box1" style="position:relative;">
        <input type="text">
        <i class="bg"></i>
    </div>
    <div class="right-box">
        百度一下
    </div>
    <div style="float: right;font-size: 10px ;line-height: 36px">
        <a href="" style="color: #3388FF">百度首页</a>&nbsp; &nbsp;&nbsp;
        <a href="" style="color: #3388FF">设置</a>&nbsp; &nbsp;&nbsp;
        <a href="" style="color: #3388FF">登陆</a>&nbsp; &nbsp;&nbsp;
    </div>
</div>
<div class="container1">
    <div id="left-box2">
        <a href="">网页</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="">咨询</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="">视频</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="">图片</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="">知道</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="">文库</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="">贴吧</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="">采购</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="">地图</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="">更多></a>&nbsp;&nbsp;&nbsp;&nbsp;
    </div>
</div>
<div class="container3">
    <div id="left-box3">
        <div id="left-box3-1">
            <div id="left-box3-2" style="font-size: 8px ;line-height: 36px ;color: #999"><h2>百度为您找到相关结果约100,000,000个 <a
                    href="" style="float: right;">搜索工具</a></h2>
            </div>
            <div id="left-box3-3">
                <a href="">百度一下，你就知道</a>
            </div>
            <div id="left-box3-4">
                <div style="float: left"><img src="https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=2920084749,2018893236&fm=58&s=39C718720E8EBE011B398BAC0300F024&bpow=121&bpoh=75" alt=""></div>
                <div style="font-size: 16px;padding-left: 150px">
                    全球最大的中文搜索引擎、致力于让网民更便捷地获取信息，找到所求。百度超过千亿的中文网页数据库，可以瞬间找到相关的搜索结果。
                    <a href="">https://www.baidu.com/</a><a href=""style="font-size: 10px ;padding-left: 200px;color: #666666">
                    百度快照 - 7616条评价</a></div>
            </div>
            <div id="left-box3-5">
                <a href="" style="float: left">百度-百度百科</a>
            </div>
            <div id="left-box3-6">
                <div style="float: left"><img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2374368971,2673236697&fm=58&bpow=894&bpoh=600" alt=""></div>
                <div style="font-size: 16px;padding-left: 150px">
                    百度（纳斯达克：BIDU），全球最大的中文搜索引擎、最大的中文网站。百度愿景是：成为最懂用户，并能帮助人们成长的全球顶级高科技公司。“百度”二字，来自于八百年前南宋词人...
                </div>
                <a href="" style="padding-left: 30px; font-size: 13px">发展简史 公司理念 财报数据 产品手册 多语言化 更多>></a>
                <br><a href="" style="padding-left: 30px">baike.baidu.com/ </a>
            </div>
            <div id="left-box3-7">
                <a href="">百度地图</a>
            </div>
            <div id="left-box3-8">
                <div style="float: left"><img src="https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=248004630,3735300586&fm=58&s=B6D0E8329690B58AFCB89DE60300A0B1&bpow=121&bpoh=75" alt=""></div>
                <div style="font-size: 16px;padding-left: 150px;margin-right: 120px">
                    浏览地图、搜索地点、查询公交驾车线路、查看实时路况,您的出行指南、生活助手。提供地铁线路图浏览,乘车方案查询,以及准确的票价和时间信息。
                </div>
                <a href="" style="padding-left: 30px">https://map.baidu.com/</a><a href=""style="font-size: 10px ;padding-left: 220px;color: #666666">
                百度快照 - 3417条评价</a></div>
        </div>
        <div id="right-box1">
        </div>
        <div id="right-box2">
            <div id="right-box2-1">百度高管 <a href="" style="float: right">展开</a></div>
            <div id="right-box3-1">
                <div id="right-box3-1-1"><img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2274909088,1858101302&fm=58&bpow=800&bpoh=933" alt=""><a href=""
                                                                    style="padding-left: 20px ; font-size: 15px">李彦宏</a>
                    <p style="font-size: 13px;color: #cccccc">百度创始人董 事长CEO</p></div>
                <div id="right-box3-1-2"><img src="https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=103270980,2021432810&fm=58&bpow=550&bpoh=595" alt=""><a href=""
                                                                    style="padding-left: 20px ; font-size: 15px">The Cong</a>
                    <p style="font-size: 13px;color: #cccccc">百度集团首席 财务官</p></div>
                <div id="right-box3-1-3"><img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=354071159,237140406&fm=179&app=42&f=JPEG?w=121&h=140" alt=""><a href=""
                                                                    style="padding-left: 20px ; font-size: 15px">PDD</a>
                    <p style="font-size: 13px;color: #cccccc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;百度总裁</p></div>
                <div id="right-box3-1-4"><img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3545454556,120284015&fm=58&bpow=600&bpoh=900" alt=""><a href=""
                                                                    style="padding-left: 20px ; font-size: 15px">简自豪</a>
                    <p style="font-size: 13px;color: #cccccc">百度集团首席 技术官</p></div>
            </div>
        </div>
    </div>

</div>
</div>

</body>
</html>
cxknmsl2333
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
百度一下，不一样的搜索
JIXIEJIDIGUAN 的博客
06-26 286
1、百度搜索语法那些不为人知的语法，精准搜索 事半功倍。 事情是这样的 搜索引擎是大家在日常生活和工作中必备的工具 查个明星八卦、地址，搜索遇到的某个问题的解决方法 但是，作为一个有追求、有理想的技术人员 其实搜索引擎的背后，有很多鲜为人知的搜索语法 搜索语法汇总【建议收藏】 1、 filetype 搜索文件的后缀或者扩展名 filetype: 介绍：通过搜索引擎，获取指定类型的文件。 搜索示例:filetype:xls 将返回所有以xls结尾的excel文件的URL地址 2、info 网站基本信息 in
百度一下，你就知道---源代码
04-07
百度源码，源文件 欢迎下载！共N个文件，基本框架！
百度一下，你就知乎
开发者技术前线-DevolperFront
08-15 1975
点击“开发者技术前线”，选择“星标
百度一下
SunnyYirch的博客
09-11 1195
baidu 新闻 hao123 地图 视频 贴吧 学术 登录 设置 更多产品 ...
百度一下就知道
weixin_30355437的博客
12-30 389
百度一下，实现与百度主页一样的搜索功能 　　我想刚开始学习IT的程序猿们~有没有这种感脚...就是想实现自己想要的结果而能力还有限的情况下是那么的“抓狂”，多么的想找到解决办法。那么，今天，我就来分享一下自己敲百度首页时，为了实现 百度一下 搜索功能的经历及经验。 　　当时布局是没有问题的！问题在于输入要搜索的内容之后，怎么实现点击 百度一下 时能够进行和原百度一样的进行搜索的功能...
Vue 仿百度搜索功能实现代码
08-31
在这个示例中，我们将讨论如何使用Vue.js和vue-resource库来实现一个类似百度搜索的功能。Vue-resource是一个轻量级的插件，提供了对HTTP请求（包括JSONP）的支持，使得在Vue应用中与服务器交互变得更加简单。 首先...
jquery百度智能搜索
05-17
首先，`style.css`是项目的样式表文件，它包含了对搜索框、结果展示区域等元素的样式定义，以确保界面美观且符合交互设计原则。CSS（层叠样式表）允许开发者控制网页的布局和视觉效果，如颜色、字体、间距等，使得...
人工智能-项目实践-搜索引擎-在百度云盘页面中新增百度网盘搜索引擎聚合
最新发布
02-26
在这个项目实践中，我们将聚焦于如何将“人工智能”与“搜索引擎”的技术应用到“百度云盘”页面中，创建一个能够聚合搜索结果的功能。这个过程涉及到的技术主要包括JavaScript编程、百度云盘API的使用以及可能的...
Dreamweaver怎么制作百度搜索栏静态页面?
09-24
通过以上步骤，你就成功地使用Dreamweaver创建了一个简单的百度搜索栏静态页面。这只是一个基础的示例，实际上你还可以添加更多的功能，比如JavaScript来处理搜索提交事件，或者使用更复杂的CSS来实现更美观的视觉...
jQuery百度搜索自动补全插件.zip
07-11
通过以上步骤，你可以成功地在网页中集成jQuery百度搜索自动补全插件，实现类似百度搜索的智能提示功能。值得注意的是，这个插件不仅适用于百度搜索，也可以应用于其他任何需要实时搜索建议的场景，只需替换数据源和...
百度一下，你就知道
the_fire的技术博客
10-05 2020
今天评论：Technorati 标签: 百度 信息量 觉悟       这是在进入提高班之前写的一篇文章。自我感觉觉悟不错。旧文：      呵呵，我不是给百度做广告呀。      今天晚上去给同学看了看电脑，一直蓝屏，由于有点其他事也没怎么查，整了几下没整出来。只有重装系统（菜鸟常用办法），告诉他怎么装就走了。谁知晚上回来去找他，说键盘又出问题了，字符错位了。看了看其实就
百度一下，你就知道.2
wxdby的博客
12-12 2264
点击一下百度一下：把划线处改成当前的IP地址： 我们把web000后面的东西清空，再按一下回车，看看藏着东西没有： 我们第一个答案是在“百度一下，htm”，那里找到的，我们又看到有一个js.htm的，我们点一下它，看看有没有特殊的地方： 我的天！我的英语不好啊！不过，flag还是能看到的。看着情况估计是找对了。按一下F12试试： 看着这一堆括号就头疼，我复制了一下，到百度去百度一下，发现这是js编...
百度一下，你就知道”你真的知道嘛？
qq_42505682的博客
07-24 4445
互联网营销和网络传播有一个很好的作用就是潜移默化访客的思维，但是很多做网络营销、seo优化以及网站运营的朋友似乎都没有很好的做好这一点，今天我们就拿“百度一下，你就知道”来说说品牌特色营销的深远影响，相对于品牌营销来说，一个品牌的特色往往更加容易被人记忆，所以做seo优化的朋友一定要注意这一点，不要让你的网站毫无定位，这样你永远只能依赖其他平台作为你的流量入口，访客永远不可能真正记住你。  那么到...
去掉鼠标右键文件时的“百度一下这个文件”菜单命令
iteye_16760的博客
03-19 3312
操作系统为Windows XP3） 在运行输入栏里输入：regedit命令，然后回车，打开注册表编辑器，然后按Ctrl+F组合键，在查找内容中输入“百度一下这个文件”字样，然后查找，把查找出来的所有有“百度一下这个文件”的键统统删除，然后按F5键刷新注册表。 OK搞定！...
元搜索引擎一览
p_x1984的专栏
03-02 4216
常用元搜索引擎 1 、 qbSearch http://www.qbsearch.com/ ） 2 、 Query Server http://www.queryserver.com ） 3 、 Turbo10 http://turbo10.com/ ） 4 、 Dogpile http://www.dog...
百度搜索引擎
weixin_34247155的博客
05-23 190
百度搜索引擎工作原理：http://zhanzhang.baidu.com/college/courseinfo?id=144 百度搜索引擎优化指南2.0：http://zhanzhang.baidu.com/college/documentinfo?id=193&page=1 转载于:https://www.cnblogs.com/lcyuhe/p/5521016.html...
百度html的json解析,百度.json · huge/html-start - Gitee.com
weixin_39956350的博客
06-21 249
body,h1,h2,h3,h4,h5,h6,p,ul{margin: 0px;padding: 0px;}ul{list-style: none;}a{color: black;text-decoration: none;}*{box-sizing: border-box;}/*-----1.椤甸潰澶撮儴-----*/#header{/*background-color: pink;*/line...
如何获取搜索引擎的来源和搜索引擎中的关键字（转）
javantsky_kevin的专栏
09-09 1774
转帖：http://blog.163.com/_l_g_x/blog/static/12416222006854542438/     在做商务E流量分析的时候，需要实现一个功能：如果访客是通过搜索引擎的搜索找到客户网站的，要统计出访客是通过哪个搜索引擎访问到页面，并且统 计出是通过什么关键字搜索到该网站的。在网上google一下，发出对这方面的描述文档还是比较少的，在做这个功能的过程中有...
anddroid 百度地图搜索界面实现
05-25
要在 Android 应用中实现百度地图的搜索界面，你可以按照以下步骤进行： 1. 在项目的 build.gradle 文件中，添加百度地图 SDK 的依赖。例如： ``` dependencies { implementation 'com.baidu.androidsdk:baidumapapi:5.2.0' } ``` 2. 在布局文件中添加一个 MapView 控件，用于显示地图。例如： ``` <com.baidu.mapapi.map.MapView android:id="@+id/map_view" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 3. 在代码中获取 MapView 对象，并设置一些地图的基本属性。例如： ``` // 获取 MapView 对象 MapView mapView = findViewById(R.id.map_view); // 设置地图缩放级别 BaiduMap baiduMap = mapView.getMap(); baiduMap.setMapStatus(MapStatusUpdateFactory.zoomTo(16)); // 隐藏地图上的缩放控件 mapView.showZoomControls(false); ``` 4. 在布局中添加一个搜索框，用于输入关键词。例如： ``` <EditText android:id="@+id/search_box" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="请输入关键词" /> ``` 5. 在代码中获取 EditText 对象，并设置一个点击事件，当用户点击搜索框时，跳转到搜索界面。例如： ``` // 获取 EditText 对象 EditText searchBox = findViewById(R.id.search_box); // 设置点击事件 searchBox.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Intent intent = new Intent(MainActivity.this, SearchActivity.class); startActivity(intent); } }); ``` 6. 创建一个新的 Activity，用于显示搜索结果。在这个 Activity 中，你可以使用百度地图 SDK 提供的 PoiSearch 类来进行关键词搜索。例如： ``` public class SearchActivity extends AppCompatActivity { private MapView mapView; private BaiduMap baiduMap; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_search); // 获取 MapView 对象，并设置地图基本属性 mapView = findViewById(R.id.map_view); baiduMap = mapView.getMap(); baiduMap.setMapStatus(MapStatusUpdateFactory.zoomTo(16)); mapView.showZoomControls(false); // 获取搜索关键词 String keyword = getIntent().getStringExtra("keyword"); // 创建 PoiSearch 对象 PoiSearch poiSearch = PoiSearch.newInstance(); poiSearch.setOnGetPoiSearchResultListener(new OnGetPoiSearchResultListener() { @Override public void onGetPoiResult(PoiResult poiResult) { // 处理搜索结果 if (poiResult == null || poiResult.error != SearchResult.ERRORNO.NO_ERROR) { // 搜索失败 Toast.makeText(SearchActivity.this, "搜索失败", Toast.LENGTH_SHORT).show(); return; } // 搜索成功 List<PoiInfo> poiList = poiResult.getAllPoi(); for (PoiInfo poiInfo : poiList) { // 在地图上添加标注 LatLng latLng = new LatLng(poiInfo.getLocation().latitude, poiInfo.getLocation().longitude); BitmapDescriptor bitmap = BitmapDescriptorFactory.fromResource(R.drawable.icon_mark); OverlayOptions options = new MarkerOptions().position(latLng).icon(bitmap); baiduMap.addOverlay(options); } } @Override public void onGetPoiDetailResult(PoiDetailResult poiDetailResult) {} @Override public void onGetPoiIndoorResult(PoiIndoorResult poiIndoorResult) {} @Override public void onGetPoiDetailResult(PoiDetailSearchResult poiDetailSearchResult) {} @Override public void onGetPoiIndoorBuildingInfoResult(PoiIndoorBuildingInfo poiIndoorBuildingInfo) {} }); // 发起搜索请求 PoiCitySearchOption option = new PoiCitySearchOption().city("北京").keyword(keyword); poiSearch.searchInCity(option); } @Override protected void onDestroy() { super.onDestroy(); mapView.onDestroy(); } @Override protected void onResume() { super.onResume(); mapView.onResume(); } @Override protected void onPause() { super.onPause(); mapView.onPause(); } } ``` 在这个 Activity 中，我使用 PoiSearch 类进行关键词搜索，并在地图上添加标注。你可以根据自己的需求进行修改。同时，记得在 AndroidManifest.xml 文件中注册这个 Activity： ``` <activity android:name=".SearchActivity" /> ``` 以上就是在 Android 应用中实现百度地图搜索界面的基本步骤。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值