在百度中搜索：火影忍者，然后打开百度百科，这样的效果怎么实现的，有没有啥js插件可以实现

Posted 2023-04-08

右边的大概内容随着左边的内容变化,我想实现这种效果，能否推荐个插件，原理我也知道，用的是html锚点，关键控制不了这个样式，想找个插件来实现

这个效果我会这么实现：
1,左边控制右边显示：
当触发滚动条事件时，会判断浏览器中左边可见首个标题距顶端的距离，当小于一定距离时改变右边锚点
2，右边控制左边显示
当点击右边的锚点时，将左边对应目录定位为置顶
左边的目录栏和右边的锚点是有对应关系的，这个对应关系自己设置即可
大概就这两个事件，找控件还需要调整对应的样式，估计会更麻烦 参考技术A 是的，这个和滚动条的原理应该是一样的，通过一个兑换比例就能实现右边的对应关系追问

我想去实现它，怎么实现的这个效果

参考技术B 好像你只要登进去就是这样的，如果不是这样的话。我建议你下载一个百度浏览器，反正我家用的百度浏览器就是这样的 参考技术C 词条设置好目录，应该会自动对应的展现的。 参考技术D div+css 写相应的样式就可以了吧?

如何在手机app软件制作中加入百度地图?

在手机上安装百度地图的方法，以IOS手机为例：

1.在IOS上找到用于下载软件的“App Store”。

2.打开“App Store”，找到搜索栏，在搜索栏输入“百度地图”，输入完成后，点击键盘的“搜索”按钮。

3.找到对应app，点击下载。

4.下载完成之后，在桌面找到名字为“百度地图”对应的app。

5.点击“百度地图”app，进去授权完成后，就可以进行地图搜索了。

参考资料：百度百科-百度地图app下载流程

参考技术A

在手机上安装百度地图方法：

工具/材料：

安卓手机、百度地图

方法/步骤：

1、打开智能手机。

2、在手机桌面上选择浏览器，在浏览器中搜索百度地图。

3、在网页总搜索到百度地图下载链接，进入下载页面。

4、点击下载选项，进行百度地图软件下载。

5、等待应用软件下载后，选择安装选项，进行安装。

6、按照用户需求，进行软件安装，等待应用软件安装完成，安装成功后手机桌面上会出现“百度地图”的图标。

7、打开“百度地图”APP，在百度地图页面如下图，用户在此页面可以定位用户当前的位置，同时点击路线输入出行地点，可以搜索到用户将去的地点的位置以及推荐路线。

注意事项：

1、ios系统下载方式同样，搜索百度APP软件时需要在app store进行软件搜索即可，下载设置方式请参考安卓下载安装方法。

2、本经验仅限用户参考使用。

参考技术B 通过一个简单的示例一步步介绍如何在Android应用中使用百度地图api。

1）下载百度地图移动版API(Android)开发包
要在Android应用中使用百度地图API，就需要在工程中引用百度地图API开发包，这个开发包包含两个文件：baidumapapi.jar和libBMapApiEngine.so。下载地址：http://dev.baidu.com/wiki/static/imap/files/BaiduMapApi_Lib_Android_1.0.zip
2）申请API Key
和使用Google map api一样，在使用百度地图API之前也需要获取相应的API Key。百度地图API Key与你的百度账户相关联，因此您必须先有百度帐户，才能获得API Key；并且，该Key与您引用API的程序名称有关。
百度API Key的申请要比Google的简单多了，其实只要你有百度帐号，应该不超过30秒就能完成API Key的申请。申请地址：http://dev.baidu.com/wiki/static/imap/key/
3）创建一个Android工程
这里需要强调一点：百度地图移动版api支持Android 1.5及以上系统，因此我们创建的工程应基于Android SDK 1.5及以上。
工程创建完成后，将baidumapapi.jar和libBMapApiEngine.so分别拷贝到工程的根目录及libs/armeabi目录下，并在工程属性->Java Build Path->Libraries中选择“Add JARs”，选定baidumapapi.jar，这样就可以在应用中使用百度地图API了。

4）在布局文件中添加地图控件(res/layout/main.xml)

[xhtml] view plaincopy
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<com.baidu.mapapi.MapView android:id="@+id/map_View"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:clickable="true"
/>
</LinearLayout>

5）创建Activity继承com.baidu.mapapi.MapActivity

[java] view plaincopy
package com.liufeng.baidumap;

import android.graphics.drawable.Drawable;
import android.os.Bundle;

import com.baidu.mapapi.BMapManager;
import com.baidu.mapapi.GeoPoint;
import com.baidu.mapapi.MapActivity;
import com.baidu.mapapi.MapController;
import com.baidu.mapapi.MapView;

public class MainActivity extends MapActivity
private BMapManager mapManager;
private MapView mapView;
private MapController mapController;

@Override
public void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

// 初始化MapActivity
mapManager = new BMapManager(getApplication());
// init方法的第一个参数需填入申请的API Key
mapManager.init("285B415EBAB2A92293E85502150ADA7F03C777C4", null);
super.initMapActivity(mapManager);

mapView = (MapView) findViewById(R.id.map_View);
// 设置地图模式为交通地图
mapView.setTraffic(true);
// 设置启用内置的缩放控件
mapView.setBuiltInZoomControls(true);

// 用给定的经纬度构造一个GeoPoint（纬度，经度）
GeoPoint point = new GeoPoint((int) (47.118440 * 1E6), (int) (87.493147 * 1E6));

// 创建标记maker
Drawable marker = this.getResources().getDrawable(R.drawable.iconmarka);
// 为maker定义位置和边界
marker.setBounds(0, 0, marker.getIntrinsicWidth(), marker.getIntrinsicHeight());

// 取得地图控制器对象，用于控制MapView
mapController = mapView.getController();
// 设置地图的中心
mapController.setCenter(point);
// 设置地图默认的缩放级别
mapController.setZoom(12);


@Override
protected boolean isRouteDisplayed()
return false;


@Override
protected void onDestroy()
if (mapManager != null)
mapManager.destroy();
mapManager = null;

super.onDestroy();


@Override
protected void onPause()
if (mapManager != null)
mapManager.stop();

super.onPause();


@Override
protected void onResume()
if (mapManager != null)
mapManager.start();

super.onResume();



6）在AndroidManifest.xml中配置

[xhtml] view plaincopy
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.liufeng.baidumap"
android:versionCode="1"
android:versionName="1.0">
<application android:icon="@drawable/icon" android:label="@string/app_name">
<activity android:name=".MainActivity" android:label="@string/app_name">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>

<uses-sdk android:minSdkVersion="4" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.CHANGE_WIFI_STATE" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
</manifest>

说明：上面的应用只是简单的展示了百度地图（交通地图），并将一个指定的点（根据经纬度确定）展示在手机屏幕的中心。当然，实际项目中涉及的map应用不会这么简单，百度地图API提供了丰富的功能接口。 参考技术C

看百度地图的api，有详细的说明，http://developer.baidu.com/map/，如图所示，

参考技术D 可以装个应用宝在手机上
然后选择上方的空白框，输入要下载的应用和手游名
然后找到了应用或者手游后，直接进行下载安装就可以了