html5页面切换,html5图片左右切换

HTML5中什么代码可以从一个页面跳转到另一个页面的特定部分？

可以使用网页的锚点，即a标签的id属性，如a id="C6"Chapter 6/a当从另处页面连接到该页地址加#C6时就会跳转到此处。

示例：

网页a.htm

!DOCTYPE html

head

titleA/title

/head

body

a href="b.htm#C6"B - Chapter 6/a

/body

/html

网页b.htm

!DOCTYPE html

head

titleB/title

/head

body

h2Chapter 1/h2

pThis chapter explains ba bla bla/p

h2Chapter 2/h2

pThis chapter explains ba bla bla/p

h2Chapter 3/h2

pThis chapter explains ba bla bla/p

h2Chapter 4/h2

pThis chapter explains ba bla bla/p

h2Chapter 5/h2

pThis chapter explains ba bla bla/p

h2a id="C6"Chapter 6/a/h2

pThis chapter explains ba bla bla/p

h2Chapter 7/h2

pThis chapter explains ba bla bla/p

h2Chapter 8/h2

pThis chapter explains ba bla bla/p

h2Chapter 9/h2

pThis chapter explains ba bla bla/p

h2Chapter 10/h2

pThis chapter explains ba bla bla/p

h2Chapter 11/h2

pThis chapter explains ba bla bla/p

h2Chapter 12/h2

pThis chapter explains ba bla bla/p

h2Chapter 13/h2

pThis chapter explains ba bla bla/p

h2Chapter 14/h2

pThis chapter explains ba bla bla/p

h2Chapter 15/h2

pThis chapter explains ba bla bla/p

h2Chapter 16/h2

pThis chapter explains ba bla bla/p

h2Chapter 17/h2

pThis chapter explains ba bla bla/p

/body

/html

相关问答

Q1: HTML5中如何使两个div自动切换

可以用定时器setInterval

如果是有限的背景色切换，那把这些颜色放在一个数组里面，一秒切换一次

1234567

var arrColor=['green','red','blue'];var i=0;setInterval(function(){ obj.style.backgroundColor=arrColor[i]; if(i==arrColor.length-1) i=0; i++;},1000);

如果是随机变颜色，我这里写了一个随机颜色的方法

12345678910

function randomColor() {var Str=['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f'];var color="#";for(var i=0;i6;i++){var index=Math.ceil(Math.random()*Str.length);color+=Str[index];}return color;}

你可以参考一下

Q2: html5如何做到使用导航栏切换页面时不重新加载页面

我刚开始也在找这个问题的答案，现在解决了，为后面学习的人栽棵树吧。

实现这个功能有很多种方法，这里我选一种个人认为比较简单的方法：

建立三个网页，一个作为主页面，另外两个子页面作为切换页面嵌入主页面，子页面也可以用文字替代。

用jQuery方法来切换页面，语言比较简单网上搜一下看看就懂了

下面附上代码

!DOCTYPE html

html

head

    meta charset="UTF-8"

    title标题/title

    !--jQuery 百度CDN库--

    script src=""/script

    script

        // jQuery代码

        $(document).ready(function () {

            $("#b1").click(function () {

                $("#tab_1").show();// 显示

                $("#tab_2").hide();// 隐藏

            });

            $("#b2").click(function () {

                $("#tab_1").hide();

                $("#tab_2").show();

            });

        });

    /script

/head

body

div

    h1标题一/h1

/div

div

    div

        ul

            libutton id="b1"菜单1/button/li

            libutton id="b2"菜单2/button/li

        /ul

    /div

    div

        div id="tab_1"

            子页面1

        /div

        div id="tab_2" style="display: none"

            子页面2

        /div

    /div

/div

/body

/html

Q3: CSS html5如何做到点击导航栏切换页面

导航栏下面放一个Div，专门用来显示对应导航栏目的内容。点击导航栏触发点击事件，在事件函数中获取点击的栏目id，通过此id确定往div中添加那个内容。可以用div.innerHTML来更新div显示的内容。

或者，导航栏下面放置多个Div，数量等于导航栏目的个数，所有div要都重叠在一起。在点击事件函数中控制div的显示和隐藏。

Q4: html5 怎么在前端跳转到其他页面

a href="index1.html"点击/a

点击后跳转到index1.html页面。