可以使用網(wǎng)頁的錨點,即a標簽的id屬性,如a id="C6"Chapter 6/a當從另處頁面連接到該頁地址加#C6時就會跳轉(zhuǎn)到此處。
創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都網(wǎng)站設(shè)計、成都做網(wǎng)站、伊美網(wǎng)絡(luò)推廣、成都小程序開發(fā)、伊美網(wǎng)絡(luò)營銷、伊美企業(yè)策劃、伊美品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;創(chuàng)新互聯(lián)公司為所有大學生創(chuàng)業(yè)者提供伊美建站搭建服務(wù),24小時服務(wù)熱線:13518219792,官方網(wǎng)址:sd-ha.com
示例:
網(wǎng)頁a.htm
!DOCTYPE html
head
titleA/title
/head
body
a href="b.htm#C6"B - Chapter 6/a
/body
/html
網(wǎng)頁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
如果是有限的背景色切換,那把這些顏色放在一個數(shù)組里面,一秒切換一次
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;}
你可以參考一下
我剛開始也在找這個問題的答案,現(xiàn)在解決了,為后面學習的人栽棵樹吧。
實現(xiàn)這個功能有很多種方法,這里我選一種個人認為比較簡單的方法:
建立三個網(wǎng)頁,一個作為主頁面,另外兩個子頁面作為切換頁面嵌入主頁面,子頁面也可以用文字替代。
用jQuery方法來切換頁面,語言比較簡單網(wǎng)上搜一下看看就懂了
下面附上代碼
!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,專門用來顯示對應(yīng)導航欄目的內(nèi)容。點擊導航欄觸發(fā)點擊事件,在事件函數(shù)中獲取點擊的欄目id,通過此id確定往div中添加那個內(nèi)容。可以用div.innerHTML來更新div顯示的內(nèi)容。
或者,導航欄下面放置多個Div,數(shù)量等于導航欄目的個數(shù),所有div要都重疊在一起。在點擊事件函數(shù)中控制div的顯示和隱藏。
a href="index1.html"點擊/a
點擊后跳轉(zhuǎn)到index1.html頁面。
網(wǎng)站標題:html5頁面切換,html5圖片左右切換
分享路徑:http://sd-ha.com/article40/dssoceo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、網(wǎng)站改版、虛擬主機、服務(wù)器托管、小程序開發(fā)、營銷型網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)