html如何实现点击按钮跳转页面

html-css020

html如何实现点击按钮跳转页面,第1张

1、首先,我们新建一个带有button按钮的页面,在Dreamweaver中打开这个页面。

2、button按钮不能直接添加herf属性,我们可以通过button的onClick事件来实现页面的跳转。

3、可以直接在onclick事件上添加动作实现页面跳转,也可以让onClick触发函数实现页面跳转,如下图所示。

4、还可以写一个click函数,来触发页面跳转。这就需要我们获取到这个button,可以给button一个Id了,如下图所示。

1、如果您在此页面内跳转,则可以使用<a href='#weizhi'>代码跳转到指定位置</a>。

2、<a href='#weizhi'>转到指定位置</a>是指向id weizhi的页面部分的超链接。 <div id =“weizhi”>位置</ div>是需要转移的部分。 id的值应该与<a href中的id号相同,前面带有#cord。

3、如果您需要在从另一个页面移动到此页面后跳转到另一个位置,则需要将<a name='jump flag'></a>添加到跳转位置作为跳转的标识符。

4、使用时,在其他页面的地址末尾添加#jump标志。

5、使用jquery跳转,引入jquery。

6、比如:让页面平滑滚动到一个id为box的元素处,则JQuery代码只要一句话。

使用格式:

<meta http-equiv="Page-Enter" content="RevealTrans(duration=5,Transitionv=11)">

duration=时间

Transitionv=方式

说明:duration为页面切换的时间长度,3.000表示3秒钟,一般可以直接输入3便可;transition为切换效果,从1-23共22种不同的切换效果,其中23为随机效果。

效果  Content  Transitionv

盒状收缩 RevealTrans 0 

盒状展开  RevealTrans 1

圆形收缩  RevealTrans 2 

圆形展开 RevealTrans 3

向上擦除 RevealTrans 4

向下擦除 RevealTrans 5

向左擦除 RevealTrans 6

向右擦除 RevealTrans 7

垂直百页窗 RevealTrans 8

水平百页窗 RevealTrans 9

横向棋盘式 RevealTrans 10

纵向棋盘式 RevealTrans 11

溶解 RevealTrans 12

左右向中部收缩 RevealTrans 13

中部向左右展开 RevealTrans 14

上下向中部收缩 RevealTrans 15

中部向上下展开 RevealTrans 16

阶梯状向左下展开 RevealTrans 17

阶梯状向左上展开 RevealTrans 18

阶梯状向右下展开 RevealTrans 19

阶梯状向右上展开 RevealTrans 20

随机水平线 RevealTrans 21

随机垂直线 RevealTrans 22

随机 RevealTrans 23