当前位置: 首页 > news >正文

html网站开场动画效果模板网上推广赚钱方法

html网站开场动画效果模板,网上推广赚钱方法,阳光梦网站建设,网站做进一步优化文章转载自&#xff1a;http://www.cnblogs.com/sukiwqy/archive/2009/12/05/1617771.html 利用文本头的 <meta> 标记中,具体 meta 标记作用这里就不介绍,这里重点说明它如何实现页面过渡效果... IE要求:   在IE5.5及以上版本的浏览器中. 启用网页过渡效果   默认…

文章转载自:http://www.cnblogs.com/sukiwqy/archive/2009/12/05/1617771.html

利用文本头的 <meta> 标记中,具体 meta 标记作用这里就不介绍,这里重点说明它如何实现页面过渡效果...

 
IE要求:

  在IE5.5及以上版本的浏览器中.

启用网页过渡效果


  默认情况下都已经启用了,如果需要手动启用则只需在Internet选项中: Advanced(高级) - Browsing(浏览) - Enable page transitions(启用页面过渡)即可。

应用过渡效果

  当我们需要添加过渡效果时,只需在<head>中添加一个特殊的<meta>即可,比如:

     <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=12)" /> 

 

一.先介绍下参数: 

http-equiv 作用很多,这里的值为 Page-Enter 是指在页面进入的时候发生,其他值还有: 

        Page-Enter : 进入页面

       Page-Exit  : 离开页面

       Site-Enter : 进入网站

       Site-Exit  : 离开网站

content 当然就是内容咯,这里表示页面过渡的效果设置,这里的两个属性表示分别表示
       Duration  : 过渡速度
       Transition : 可选项。整数值(Integer)。设置或检索转换所使用的方式 

具体数值介绍: 

       0 : 矩形收缩转换。 

       1 : 矩形扩张转换。

       2 : 圆形收缩转换。

       3 : 圆形扩张转换。 
       4 : 向上擦除。 
       5 : 向下擦除。 
       6 : 向右擦除。 
       7 : 向左擦除。 
       8 : 纵向百叶窗转换。 
       9 : 横向百叶窗转换。 
       10 : 国际象棋棋盘横向转换。 
       11 : 国际象棋棋盘纵向转换。 
       12 : 随机杂点干扰转换。 
       13 : 左右关门效果转换。 
       14 : 左右开门效果转换。 
       15 : 上下关门效果转换。 
       16 : 上下开门效果转换。 
       17 : 从右上角到左下角的锯齿边覆盖效果转换。 
       18 : 从右下角到左上角的锯齿边覆盖效果转换。 
       19 : 从左上角到右下角的锯齿边覆盖效果转换。 
       20 : 从左下角到右上角的锯齿边覆盖效果转换。 
       21 : 随机横线条转换。 
       22 : 随机竖线条转换。 
       23 : 随机使用上面可能的值转换。 

二.下面介绍具体的例子啦:

混合 (淡入淡出)

   <meta http-equiv="Page-Enter" content="blendTrans(Duration=2.0)" />

盒状收缩

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=0)"  />

盒状展开

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=1)"  />

圆形收缩

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=2)"  />

圆形放射

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=3)"  />

向上擦除

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=4)"  />

向下擦除

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=5)"  />

向右擦除

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=6)"  />

向左擦除

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=7)"  />

垂直遮蔽

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=8)"  />

水平遮蔽

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=9)"  />

横向棋盘式

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=10)" />

纵向棋盘式

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=11)" />

随机溶解

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=12)" />

左右向中央缩进

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=13)" />

中央向左右扩展

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=14)"  />

上下向中央缩进

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=15)" />

中央向上下扩展

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=16)" />

从左下抽出

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=17)" />

从左上抽出

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=18)"  />

从右下抽出

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=19)"  />

从右上抽出

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=20)" />

随机水平线条

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=21)" />

随机垂直线条

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=22)" />

随机

   <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=23)" />

三.其他过渡效果:

Blinds(百叶窗)

   <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Blinds(Duration=2)" /> 

   <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Blinds(Duration=2)"  />

     属性 : bands (default=10), Direction (default="down"), Duration ( no default)

Barn(扫除)

   <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Barn(Duration=2)" />

   <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Barn(Duration=2)"  />

    属性 : duration, motion, orientation (default="vertical")

CheckerBoard(无数小格)

   <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.CheckerBoard(Duration=2)"  />

   <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.CheckerBoard(Duration=2)"  />

      属性: Direction (default="right"), squaresX (default=12), squaresY (default=10)

Fade(淡入淡出)

   <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Fade(Duration=2)"  />

   <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Fade(Duration=2)" />

      属性: duration, overlap (default=1.0)

GradientWipe(渐变扫除)

   <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.GradientWipe(Duration=2)"  />

   <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.GradientWipe(Duration=2)"  />

      属性: duration, gradientSize (default=0.25), motion

Inset(从一角扩散)

 

   <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Inset(Duration=2)"  />

   <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Inset(Duration=2)" />

     属性: duration

Iris(十字扩散)

   <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Iris(Duration=2)" />

   <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Iris(Duration=2)" />

      属性: duration, irisStyle (default="PLUS"), motion

Pixelate(震动出来)

   <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Pixelate(Duration=2)" />

   <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Pixelate(Duration=2)" />

      属性: duration, maxSquare (default=25)

RadialWipe(螺旋扩展)

   <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.RadialWipe(Duration=2)" />

   <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.RadialWipe(Duration=2)" />

      属性: duration, wipeStyle (default="CLOCK")

RandomBars(线条遮罩)

   <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.RandomBars(Duration=2)" />

   <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.RandomBars(Duration=2)" />

    属性 : duration, orientation (default="horizontal")

RandomDissolve(像素遮罩)

   <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.RandomDissolve(Duration=2)" />

   <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.RandomDissolve(Duration=2)" />

      属性: duration

Slide(拉幕)

   <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Slide(Duration=2)"  />

   <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Slide(Duration=2)" />

     属性 : bands (default=1), duration, slideStyle (default="SLIDE")

Spiral(向心旋转)

   <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Spiral(Duration=2)" />

   <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Spiral(Duration=2)" />

      属性: duration, gridSizeX (default=16), gridSizeY (default=16)

Stretch(两边开幕效果)

   <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Stretch(Duration=2)" />

   <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Stretch(Duration=2)"  />

     属性 : duration, stretchStyle (default="SPIN")

Strips(一角锯齿开幕)

   <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Strips(Duration=2)"  />

   <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Strips(Duration=2)" />

      属性: duration, motion

Wheel(十字旋转开幕)

   <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Wheel(Duration=2)" />

   <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Wheel(Duration=2)" />

     属性 : duration, spokes (default=4)

ZigZag(Z字形展开)

   <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.ZigZag(Duration=2)" />

   <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.ZigZag(Duration=2)"  />

     属性 : duration, gridSizeX, gridSizeY


好了,大家自己去试试..总会找到最适合你的啦...^_^ 


http://www.mmbaike.com/news/28440.html

相关文章:

  • 做夜夜做网站中文搜索引擎有哪些
  • 疫情防控最新政策十条在线seo工具
  • 做网站的用什么电脑好乐陵seo外包
  • 北京朝阳网站制作网站监测
  • wordpress 云存储网站及搜索引擎优化建议
  • 做a免费视频在线观看网站百度推广怎么注册账号
  • 用领导人在公司网站做宣传犯法吗求几个微信推广平台
  • wordpress栏目id顺序拼多多seo 优化软件
  • 西安网站seo收费网页制作代码html制作一个网页
  • 如何通过查询网站注册时间如何制作公司网页
  • 网站建设设计公司哪家好seo优化技巧
  • 政府网站集约化建设培训讲话中国网站排名
  • 给别人做网站怎么赚钱吗搭建网站的五大步骤
  • 做微秀的网站百度免费收录提交入口
  • 做网站需要做h5吗比较靠谱的电商培训机构
  • wordpress 中毒seo查询是什么意思
  • 是不是做网站就能赚钱长春seo顾问
  • 企业需求做网站在哪儿交易西安官网seo
  • 专业的做网站3a汽车集团公司网络营销方案
  • 北京装修公司口碑排行seo推广思路
  • 怎么增加网站首页权重搜索引擎营销sem包括
  • 怎么查询网站是哪家公司做的推广团队
  • 做网站一定要注册域名吗重庆专业seo
  • 网站做404b站推广网站mmmnba
  • 关于医院网站建设的通知百度网盘登陆入口
  • 气血不足做网站长春网站建设方案托管
  • 阳江百姓网优化课程体系
  • 2016企业网站建设方案营销网络是啥意思
  • 上海闵行官网seo前景
  • 学做美食交流网站seo文章排名优化