`
fengbo515
  • 浏览: 41459 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

页面跳转效果

阅读更多

当我们进入或离开页面的时候 可以通过meta标签的 http-equiv属性 定义一些显示效果

 

http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。

           meat标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ;其中http-equiv属性主要有以下几种参数:

           1、Expires(期限)

           说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。

           用法:<meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT">

           注意:必须使用GMT的时间格式。

           2、Pragma(cache模式)

           说明:禁止浏览器从本地机的缓存中调阅页面内容。
           用法:<meta http-equiv="Pragma" content="no-cache">

           注意:这样设定,访问者将无法脱机浏览。

           3、Refresh(刷新)

           说明:自动刷新并指向新页面。

           用法:<meta http-equiv="Refresh" content="2;URL=http://www.net.cn/">

          注意:其中的2是指停留2秒钟后自动刷新到URL网址。

           4、Set-Cookie(cookie设定)

          说明:如果网页过期,那么存盘的cookie将被删除。

           用法:<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Wednesday, 20-Jun-2007 22:33:00 GMT; path=/">

           注意:必须使用GMT的时间格式。

           5、Window-target(显示窗口的设定)

           说明:强制页面在当前窗口以独立页面显示。

           用法:<meta http-equiv="Window-target" content="_top">

           注意:用来防止别人在框架里调用自己的页面。

           6、content-Type(显示字符集的设定)

           说明:设定页面使用的字符集。

           用法:<meta http-equiv="content-Type" content="text/html; charset=gb2312">

          7、Pics-label(网页等级评定)

           用法:<meta http-equiv="Pics-label" contect="">网页等级评定

           说明:在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的。

          还有Page_Enter、Page_Exit……


补充:

设定进入页面时的特殊效果<meta    http-equiv="Page-Enter"    contect="revealTrans(duration=1.0,transtion=    12)">  
设定离开页面时的特殊效果<meta    http-equiv="Page-Exit"    contect="revealTrans(duration=1.0,transtion=    12)">  

Duration的值为网页动态过渡的时间,单位为秒。  
Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表:  
0    盒状收缩    1    盒状放射  
2    圆形收缩    3    圆形放射  
4    由下往上    5    由上往下  
6    从左至右    7    从右至左  
8    垂直百叶窗    9    水平百叶窗  
10    水平格状百叶窗    11垂直格状百叶窗  
12    随意溶解    13从左右两端向中间展开  
14从中间向左右两端展开    15从上下两端向中间展开  
16从中间向上下两端展开    17    从右上角向左下角展开  
18    从右下角向左上角展开    19    从左上角向右下角展开  
20    从左下角向右上角展开    21    水平线状展开  
22    垂直线状展开    23    随机产生一种过渡方式  

 

备注:以上信息来源互联网仅供个人参考。O(∩_∩)O~

分享到:
评论

相关推荐

    仿FLASH的页面跳转效果

    在网页设计中,"仿FLASH的页面跳转效果"是一种追求动态、流畅用户体验的设计手法,它借鉴了Adobe Flash中的平滑动画和过渡效果,但在不使用Flash插件的情况下实现。Flash曾经是创建交互式网页内容的主流工具,但由于...

    页面跳转类似PPT的绚丽效果

    然而,从给定的部分内容来看,这里涉及到的是利用IE浏览器特有的`&lt;meta&gt;`标签属性来实现页面跳转效果,这主要适用于早期版本的Internet Explorer。 ### 二、`&lt;meta&gt;`标签实现的页面过渡效果 #### 1. **BlendTrans*...

    页面跳转的动画效果

    在网页设计中,页面跳转的动画效果是一个重要的组成部分,它不仅能够提升用户体验,还能为网站增添独特的风格和视觉吸引力。下面将详细讲解页面跳转动画效果的相关知识点,并结合"动感的页面加载动画效果"这一主题,...

    页面跳转动画简单示例

    在网页设计和开发中,页面跳转动画是...通过巧妙地运用这些技术,我们可以创建出既美观又流畅的页面跳转效果,提升用户的浏览体验。在实际项目中,务必注意性能优化和兼容性问题,以确保所有用户都能享受到优质的设计。

    java 页面跳转问题

    ### Java 页面跳转问题 ...同时,结合HTML表单和JavaScript函数,我们可以实现更加动态和响应式的页面跳转效果。这种技术组合在实际项目开发中非常实用,能够显著提高Web应用的交互性和用户体验。

    页面跳转动画效果

    在iOS应用开发中,页面跳转动画效果是提升用户体验的重要一环。超酷的页面切换动画不仅能够吸引用户的眼球,还能使应用更具个性化和趣味性。本篇将深入探讨如何在iOS中实现这样的效果,主要关注CATransition类的使用...

    页面跳转用的

    5. **AJAX异步跳转**:在现代Web应用中,使用Ajax技术也可以实现页面部分区域的动态更新,从而模拟页面跳转效果,而无需完全刷新页面。这通常是通过XMLHttpRequest对象或者jQuery等库实现的。 6. **单页应用(SPA)...

    页面自定跳转 超链接 跳转 jsp页面跳转

    页面自定义跳转指的是在网页设计中,开发者通过编程手段实现的非用户直接操作的页面跳转机制。这种跳转方式可以是基于时间延迟的自动跳转、条件判断后的跳转或者是响应特定事件(如按钮点击)的跳转。而超链接跳转则...

    JS页面跳转和js对iframe进行页面跳转、刷新

    在IT领域,特别是前端开发中,JavaScript(简称JS)被广泛用于实现网页的动态功能,包括页面跳转和对iframe内的页面进行跳转与刷新。本文将深入解析JS页面跳转的各种方法,以及如何利用JS操作iframe进行页面跳转和...

    webApp页面跳转滑动菜单导航

    这个系统不仅支持多级菜单的滑动切换,还具有平滑的页面跳转效果,极大地提升了用户体验。 首先,让我们深入了解一下HTML5在其中发挥的作用。HTML5是Web开发的最新标准,它引入了许多新元素、API和特性,使得开发者...

    页面跳转 ,又可以弹出消息框

    在IT领域,尤其是在Web开发中,页面跳转与弹出消息框是两个常见的操作,它们分别用于导航用户至另一个页面和向用户展示即时信息。本文将深入探讨如何在一个语句中实现这两个功能,即如何在跳转页面的同时弹出一个...

    跳转代码

    通过设置`src`属性为需要跳转的目标URL,可以实现间接的页面跳转效果。例如: ```html 目标网址" width="0" height="0" frameborder="0"&gt; ``` 这段代码创建了一个尺寸为0x0的隐藏`iframe`,并加载指定的URL内容。...

    Android 单击实现页面跳转

    在Android应用开发中,页面跳转是用户交互中不可或缺的一部分,它使得用户能够在不同的Activity之间进行切换,体验应用的不同功能。本教程将详细介绍如何在Android中实现单击事件触发的页面跳转。 首先,我们需要...

    页面跳转加载效果代码

    在网页设计中,页面跳转加载效果是一种提升用户体验的重要手段。它不仅能让用户在等待页面内容加载时有所感知,还能通过动态的视觉呈现增加互动性和趣味性。本篇将深入探讨页面加载效果的相关知识点,包括原理、实现...

    ios storyboard页面跳转演示

    本示例“ios storyboard页面跳转演示”着重讲解了如何在`Storyboard`中实现不同类型的页面跳转。在本文中,我们将详细探讨这些跳转方法,以及它们在实际开发中的应用场景。 首先,`UIStoryboardSegue`是`Storyboard...

    一个超炫酷的跳转页面 HTML

    综上所述,这个"超炫酷的跳转页面 HTML"项目涉及到HTML的基本结构和链接功能,JavaScript的动态效果和页面跳转控制,以及CSS的样式设计和动画效果。通过这些技术的组合,可以创建出吸引用户并有效引导他们到目标页面...

    安卓页面跳转动画

    本文将深入探讨安卓页面跳转动画的实现原理、常用技术以及如何自定义动画效果。 首先,我们要理解Android系统中的页面跳转。在Android中,页面通常指的是Activity,而页面之间的跳转则是通过Intent来完成的。Intent...

    一款好看的引导自动跳转网页源码源码资源下载整理.zip

    1. **HTML与JavaScript**:HTML用于构建基本的网页结构,而JavaScript则用于实现动态的页面跳转效果,比如延迟跳转、动画过渡等。 2. **CSS样式**:为了使引导页面美观,源码中可能包含了CSS样式表,用于定义字体、...

Global site tag (gtag.js) - Google Analytics