打开网页窗口效果

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了打开网页窗口效果相关的知识,希望对你有一定的参考价值。

我自己做的几个网页 想让它们打开时 出现不同的打开效果 我在网上只找到了一个百叶窗效果 急求类似的其他效果

参考技术A <Meta content=revealTrans(Transition=14,Duration=3.0) http-equiv=Page-enter >加到<head>和</head>之间
RevealTrans滤镜只有两个参数,Duration:是切换时间,以秒为单位;Transition:是切换方式,它有24种方式,详见下表:
Page-enter表示进入,page-exit表示离开
100有效,可以多做几个页面链接切换一下试试

切换效果 Transition参数值 切换效果 Transition参数值
矩形从大至小 0 随机溶解 12
矩形从小至大 1 从上下向中间展开 13
圆形从大至小 2 从中间向上下展开 14
圆形从小至大 3 从两边向中间展开 15
向上推开 4 从中间向两边展开 16
向下推开 5 从右上向左下展开 17
向右推开 6 从右下向左上展开 18
向左推开 7 从左上向右下展开 19
垂直形百叶窗 8 从左下向右上展开 20
水平形百叶窗 9 随机水平细纹 21
水平棋盘 10 随机垂直细纹 22
垂直棋盘 11 随机选取一种特效 23

参考资料:中国站长之家电脑学院css教程

参考技术B 网上可以找到那种

网页特效包

一般的效果都有的

而且相当的全

打开新窗口(window.open) 用法

窗口名称:可选参数,被打开窗口的名称。
    1.该名称由字母、数字和下划线字符组成。
    2."_top"、"_blank"、"_selft"具有特殊意义的名称。
       _blank:在新窗口显示目标网页
       _self:在当前窗口显示目标网页
       _top:框架网页中在上部窗口中显示目标网页
    3.相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。
    4.name 不能包含有空格。
参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。

参数表:

技术分享


代码练习 打开http://www.imooc.com网页,将在新窗体中打开,宽为600,高为400,距屏顶100像素,屏左0像素。当点击按钮时,打开新窗口。

 <input name="button" type="button" onClick="Wopen()" value="点击我,打开新窗口!" / >
<script type="text/javascript">
  function Wopen(){
      window.open(‘http://www.imooc.com‘,‘_blank‘,‘width=600,height=400,top=100px,left=0px‘)
      } 
</script>

 

以上是关于打开网页窗口效果的主要内容,如果未能解决你的问题,请参考以下文章

[技术]打开网页弹出窗口的代码

求助:这个网站不允许在新的窗口打开网页

IE8怎么设置才能让每次打开的网页不再是单个窗口跳出显示

js怎么样控制打开网页窗口的大小

火狐浏览器怎么在新窗口打开网页

ie8浏览器打开网页自动弹出新窗口问题如何解决、