大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
可以使用网页的锚点,即a标签的id属性,如a id="C6"Chapter 6/a当从另处页面连接到该页地址加#C6时就会跳转到此处。
创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、成都做网站、伊美网络推广、成都小程序开发、伊美网络营销、伊美企业策划、伊美品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联公司为所有大学生创业者提供伊美建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com
示例:
网页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
可以用定时器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;}
你可以参考一下
我刚开始也在找这个问题的答案,现在解决了,为后面学习的人栽棵树吧。
实现这个功能有很多种方法,这里我选一种个人认为比较简单的方法:
建立三个网页,一个作为主页面,另外两个子页面作为切换页面嵌入主页面,子页面也可以用文字替代。
用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
导航栏下面放一个Div,专门用来显示对应导航栏目的内容。点击导航栏触发点击事件,在事件函数中获取点击的栏目id,通过此id确定往div中添加那个内容。可以用div.innerHTML来更新div显示的内容。
或者,导航栏下面放置多个Div,数量等于导航栏目的个数,所有div要都重叠在一起。在点击事件函数中控制div的显示和隐藏。
a href="index1.html"点击/a
点击后跳转到index1.html页面。