为你的网页做出电影的过场效果

网页

只要有IE 4.0以后版本的浏览器就可以用这种让人目瞪口呆的特效,使别人进入和退出你的网页时能看到这种戏剧化的效果。

  第一步
  把以下的HTML程式码复制以后贴到你网页上的<HEAD>标签里:
<META http-equiv="Page-Enter" content="revealTrans(Transition=23,Duration=1.000)">
  太简单了吧!不过还是有难度较高,而且需要你伤脑筋,却能发挥你艺术天分的地方:就是设计过场效果的种类。现在你面对的是每个大导演都要绞尽脑汁的问题:什么样的效果能传达我的意念?什么样的效果可以用动感十足、自信而又充满启发性的方式,让网页的内涵与上网站的人紧紧相系,揭露我心目中的美丽人生呢?
  一般来说我们都是设成23和「Random」,但你可以从底下的表单中自订Transition(过场)的值。Duration是设定效果从开始到结束中间经过的秒数;所以是要设成五秒来考验大家的耐力,还是要还不留情的设成一秒呢?
过场特效种类 Transition值
Box in(方格收敛) 0
Box out(方格外散) 1
Circle in(圆形收敛) 2
Circle out(圆形外散) 3
Wipe up(掀帘子见客) 4
Wipe down(下台一鞠躬) 5
Wipe right(由左至右) 6
Wipe left(由右至左) 7
Vertical blinds(直立式百叶窗) 8
Horizontal blinds(传统百叶窗) 9
Checkerboard across(横向棋盘格) 10
Checkerboard down(下坠棋盘格) 11
Random dissolve(溶接效果) 12
Split vertical in(关门大吉) 13
Split vertical out(开张大吉) 14
Split horizontal in(上下向中间收敛) 15
Split horizontal out(中间向上下展开) 16
Strips left down(右上斜左下) 17
Strips left up(右下斜左上) 18
Strips right down(左上斜右下) 19
Strips right up(左下斜右上) 20
Random bars horizontal(水平任意直线) 21
Random bars vertical(垂直任意直线) 22
Random(任意选择以上特效) 23

  第二步,这个步骤是随你高兴
  你还可以再增加特效,只要多几个与上述类似的META标签就可以了,除了Page-Exit标签的 http-equiv 值、Site-Enter 或 Site-Exit 以外。最后的两个标签只有在前一页或后一页不是在你的网站上时才有作用。

时间: 2024-08-07 03:38:34

为你的网页做出电影的过场效果的相关文章

谷歌周一对诸多网站指责谷歌搜索结果偏袒自身网页做出回应

摘要: 新浪科技讯 北京时间12月14日上午消息,谷歌周一对诸多网站指责谷歌搜索结果偏袒自身网页做出了回应,表示欢迎对谷歌搜索操作进行讨论,这一做法是为了方便网民尽快寻找到最佳 新浪科技讯 北京时间12月14日上午消息,谷歌周一对诸多网站指责谷歌搜索结果偏袒自身网页做出了回应,表示欢迎对谷歌搜索操作进行讨论,这一做法是为了方便网民尽快寻找到最佳信息.此前其他网站抱怨称,谷歌搜索结果总是优先显示谷歌自身网页的相关链接. 谷歌产品管理主管卡尔特·马斯兰(Carter Maslan)周一在谷歌公开博客

Photoshop时间轴做出动态手写字效果

  本人渣渣一名,第一次发教程,请大神匆喷! 就算要喷也请轻喷! 先上效果图! 先上素材,总共两张素材,都是找度娘要的! 首先,新建一个文档.宽500 高200 第二步:把纸张的素材拖进去 由于纸张的图片太大,按Ctrl+T调整与旋转,得出下图效果 第三步:用文字工具 快捷键T打上自己喜欢的文字,这一步也可以在网上找一些一字签的网页做出自己喜欢的文字,然后用QQ截图后,抠上去!楼楼这个就是网站弄的,本人写字丑...汗!由于效果图笔画太多了,所以楼楼在教程里就用简单的几个字,原理是一样的! 终于回

jquery-如何用JavaScript在前端页面做出这种提示框效果?

问题描述 如何用JavaScript在前端页面做出这种提示框效果? 应该得用上onmouseover onmouseout这两个方法, 应该还需要div 当鼠标移动到对象上,那么就执行onmouseover所挂载的方法 方法需要把已经隐藏的div显示出来... 暂时脑补这些,还是听听大神的意见吧~ 解决方案 弹出层+js定位 或者弹出层+CSS动画 解决方案二: 看什么对象,如果是图片.链接直接用alt属性,里面写上提示,浏览器就会调用标准的提示框. 解决方案三: http://www.w3sc

透明效果的网页设计:巧妙运用透明效果

文章描述:学会运用透明效果绝对是你增长设计经验的捷径.像运用其他效果一样,充分运用这项技术,并在不同的情境下检验,使其达到预期的效果.想要掌握它,最大的挑战就是在图文并茂的情况下确保文本的可读性,并且透明的部分不会遮挡到下面的图层.多去尝试一些不同程度和形式的 运用好透明效果是提高网页设计水准的重要方法之一.如同使用其他方法一样,设计师们有很多种手段将透明效果运用到网页中,今天这篇文章就来好好和您分享一下关于"透明"的实用小技巧哟:) 在网页设计中使用透明效果是件既美观又冒险的事儿.透

使用Java小程序为网页上的照片添加效果

程序|网页 1.准备源文件 选择要放置到网页上的照片,用扫描仪扫描得到照片的图像文件,再用PhotoShop等图像处理软件处理成大小为300×300象素的图像,最后保存为或者使用ACESee等图像查看软件转换为.jpg格式,保存到新建的文件夹photo中(注意千万别使用汉字为这个文件夹命名).现在假设这些照片图像分别为photo1.jpg.photo2.jpg.photo3.jpg.其中photo1.jpg为主要照片,photo2.jpg和photo3.jpg为辅助照片,最好选择不同时期的照片以

photoshop将废片变身为高逼格的电影感大片效果

  给大家分享一个利用 photoshop将废片变身为高逼格的电影感大片效果!教程简单粗暴,修图调色处理后效果变得炒鸡棒!感兴趣的童鞋可以查看大图参考学习. 分类: PS图片处理

网页设计对网站推广效果的影响

中介交易 SEO诊断 淘宝客 云主机 技术大厅 网页设计是一门很深奥的课程,而其对网站的推广.营销所产生的影响是毋庸置疑的.无论是网页布局.网页下载速度.导航系统的方便性.对用户的浏览效果会产生直接影响,从而影响网站在用户心目中的地位与形象,亦即网页设计效果直接影响网站的品牌形象与推广营销效果.下面就其网站设计的各个模块对网站推广效果的影响和分析作一总结:(部分内容一半段也说不清楚,会在以后的文章中逐个说明) 1. 网页框架结构对SEO用户的影响 许多网页设计人员为了简单.快速等原因而设计一些内

浏览器-缓存到本地的网页文件canvas的动画效果无法显示是为什么?

问题描述 缓存到本地的网页文件canvas的动画效果无法显示是为什么? 学习h5效果的时候,通过浏览器的页面功能保存了含有通过canvas实现动画效果的网页,用域名访问时很正常,但从本地打开html文件时就是与之前打开的完全不同的页面,js和css文件没有缺失,请问这是什么原因?有没有办法通过打开本地的文件来查看效果 解决方案 http://jingyan.baidu.com/article/ab0b563093c6b6c15afa7db8.html?st=2&os=0&bd_page_t

android中的webview不能正常显示获取到的网页的图片轮播效果

问题描述 android中的webview不能正常显示获取到的网页的图片轮播效果 写了一个Android客户端软件,里边有个webview控件,获取到服务端的网页时出问题了. 网页上有个类似于HeadView的图片轮播效果,但是在客户端webview中不能正常显示. 解决方案 那你能将代码贴出来吗,这样猜不好猜的http://www.codesky.net/showhtml/26836.htm 上面的链接是一个关于webview显示获取到的网页图片轮播效果的源代码,你可以下载下来看看,然后找出自