您的位置：首页 > 编程技术 > html  >  实现网页渐入特殊效果

实现网页渐入特殊效果

 更新时间：2016年9月20日 19:02  点击：1557

　　在互联网上，介绍网页制作特效的文章数不胜数，从字符到整个界面的都可以找到。但网页与网页之间过渡的效果相对比较少。本文为大家介绍一种页面过渡效果——网页渐入效果。

　　渐入效果就是渐渐地显示界面，能让人感到界面更柔和、不闪烁的效果。提到渐入效果，很多人都不会感到陌生。因为很多领域都可以看到，例如电影、电视、一些图像软件等。同样，在网页设计中也可以实现同样的效果。

　　首先准备两个网页：主页和特效网页，分别加入如下代码：

主页：

〈a href=http:///htmldata/2005-05-16/"p.htm"〉点击这里欣赏网页渐入特效〈/a〉 

　　特效网页：


〈meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=12)"〉 

　　当你点击以上的链接，进入特效页面时，特效页面代码起作用，界面渐渐从之前的页面变为模糊又慢慢出现新页面，感觉不错。




< 尽管这数年，互联网在中国得到了长足的发展，越来越多的人正在加入冲浪者或者制浪者的队伍。内容的贫乏正在得到改善，而内容的专业化程度也不断提高。这点从日益减少的免费个人主页空间就可以看到一丝端倪。一批批的执着的互联网精英们正在不断地发展和壮大着祖国的互联网世界。

　　1、Loading....，五分钟之后你可以继续网下看了。“Loading...”旗帜鲜明地表示这是一个超眩的Flash站点，你最好做好好好欣赏的准备；

　　2、时代不同了。再也不是蓝天白云了，第一眼看到的就是巨幅美女的照片，只不过好象和网站内容实在没什么联系，大概这是吸引眼球的最好办法；

　　3、会有人不用宽带上网吗？以前小心翼翼的在背后播放的MIDI被高保真的MP3所替代了，只不过这无数变的Repeat有点过于激进了一点；

　　4、放大镜带了吗？最好禁止CSS在看，因为这字体已经小到只有让浏览器放大显示的时候才能看得清楚。字越小，就越是一个设计站点！

　　5、和国际接轨。不管哪里总加上一句英文的小标题，A little navigation enlightenment，意思大概是“一点小小的导航启发”？

　　6、设计能力突飞猛进。因为一个站点除了一张封面什么都没有了。大概这叫纯艺术？

　　7、浏览器尽在掌握。没看到每一个窗口pop出的时候，都没了浏览器的边框？只不过这时候你的电脑的硬盘已经撕声力竭了；

　　8、保护知识产权。所以你不要指望能够看到我的页面的sourcecode，因为你的鼠标右键已经成为我的网页的俘虏；

　　9、忘掉Bookmark吧。因为这是一个全动态的Flash站点，如果这更不是一个迷宫的话；

　　10、“忧郁的爱情，无奈的星座，郁闷的生活，出走的冲动”。这些似乎是一个永远能够显示自己的高雅情操的主题，如果这不是无病呻吟，故弄玄虚，守株待兔的话。 (转载于兰色理想)


1.网页不允许脱机浏览

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

2.文字不允许被打印

<style>
@media print {
.notptn {display:none;}
}
</style>
<div class="notptn">我不会被打印出来</div>


3.网页内文字不允许被选种，既不能被CTRL+A，也不能被复制被粘贴。

<body ondragstart="return false" onselectstart="return false">


4.完全屏蔽右键

<body oncontextmenu="return false" ondragstart="return false"

onselectstart="return false">

5.网页不能另存

<noscript><iframe src=../../*.htm></iframe></noscript>




<

在Web页中嵌入Media Player的方法比较简单，只要用HTML中的<Object></Object>可以了，如下所示。
<OBJECT ID="WMPlay" WIDTH=320 HEIGHT=240
CLASSID="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95"
CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/
nsmp2inf.cab#Version=6,4,5,715"
STANDBY="Loading Microsoft? Windows Media? Player components..."
TYPE="application/x-oleobject">
</OBJECT>
其中ID是对象的名称，当用户在JavaScript要对Media Player进行控制时可以用该对象的名称WMPlay进行访问。CODEBASE指明当用户的浏览器中没有安装Player控件时可以从该URL指定的位置去获取。
当然在建立Player对象时也可以用<PARAM >来为其指定参数。如下所示：
<PARAM NAME="FileName" VALUE="C:ASFRootWelcome.asf">
<PARAM NAME="ShowControls" VALUE="False">
<PARAM NAME="AutoRewind" VALUE="True">
<PARAM NAME="AutoStart" VALUE="False">
其中"FileName"参数表示Media Player要播放的文件活或流。"ShowControls"表示在播放时是否显示控制条。Media Player的参数很多，我们在此不再一一详述。读者如果需要了解更详细的内容可以参考Media Player SDK中的相关部分。
如果用户需要对Media Player进行控制可以用JavaScript进行控制。


在这个例子中，Media Player嵌入在Web页面中，在Media Player右边有一些按钮，利用这些按钮用户可以控制Media Player的播放活动。这些按钮的HTML代码如下：
<form name="myform">
<input type="button" width="15" value="No Controls " name="NoControls"
OnClick="controlType(false)">
<input type="button" width="15" value="All Controls" name="Full"
Onclick="controlType(true)">
<input type="button" width="15" value=" Small " name="Small"
OnClick="displaySize(1)">
<input type="button" value=" Large " name="Large"
Onclick="displaySize(2)">
<input type="button" width="15" value=" Normal " name="Normal"
Onclick="displaySize(0)">
<input type="button" width="15" value=" Play " name="Play"
Onclick="PlayClick()">
<input type="button" width="15" value=" Stop " name="Stop"
Onclick="StopClick()">
</form>
相应的JavaScript代码为：
<script language="javascript">
<!--
var g_Browser = navigator.appName;
function controlType (setting)
{
if (g_Browser == "Netscape")
document.WMPlay.SetShowControls(setting);
else
document.WMPlay.ShowControls = setting;
}

<     网页播放技术，顾名思义，就是在网页上实现播放流媒体或本地媒体的一种应用。制作网页播放器，并不是真的在网页上“发明”了一种或几种播放器。目前所有的网页播放器基本上仍然都是用户本地的 Windows Media Player （简称 WMP）和 Real 在发挥实质作用，也就是说，如果用户本地没有安装 WMP 或 Real 这两种真正的播放器软体，“网页播放”一切都是空谈。说到这里，我们可以对“网页播放”技术下一个科学的定义了。

    所谓网页播放技术，就是以网页代码的形式利用 WMP 或 Real 播放器本身的一些函数、事件和方法，如暂停、快进、全屏等等，在网页上实现对媒体文件的一种播放控制。网页播放器功能的多少，取决于对这些函数、事件和方法利用的多少。好的网页播放器就好象把真的 WMP 或 Real 搬到了网页上一样，原因就是这种网页播放器将用户本地的 WMP 或 Real 进行了淋漓尽致地控制。典型代表就是谱乐制作的 BBSVisual For Lrc 。大家先可以前往 http://aboutplayer.com/bbs/cbo.htm 处观摩演示（下载请在百度或 Google 里输入 bbsvisual 即可），至于详细的过程演绎，谱乐会在“进阶系列”之中逐步与大家共同一一探讨。

    网页播放器的表现形式大致有两大类。

    一类我们称她为简单型，特点是功能简单，单曲播放。简单型不需要什么复杂的代码与语言，BBS惯用的 UBB 代码中的媒体播放就属于此类。效果如下。

    一类我们称之为扩展型，特点是功能齐全，连续播放 。 BBSVisual For Lrc 就属于这一类。扩展型又可分两小类，一类是普通的网页形式，如 BBSVisual For Lrc ，一类是 Flash 的 SWF 文件格式，如 http://aboutplayer.com/bbs/flash.asp 。

<
[!--infotagslink--]

相关文章

  • php语言实现redis的客户端

    php语言实现redis的客户端与服务端有一些区别了因为前面介绍过服务端了这里我们来介绍客户端吧，希望文章对各位有帮助。 为了更好的了解redis协议，我们用php来实现...2016-11-25

  • jQuery+jRange实现滑动选取数值范围特效

    有时我们在页面上需要选择数值范围，如购物时选取价格区间，购买主机时自主选取CPU，内存大小配置等，使用直观的滑块条直接选取想要的数值大小即可，无需手动输入数值，操作简单又方便。HTML首先载入jQuery库文件以及jRange相关...2015-03-15

  • JS实现的简洁纵向滑动菜单(滑动门)效果

    本文实例讲述了JS实现的简洁纵向滑动菜单(滑动门)效果。分享给大家供大家参考，具体如下：这是一款纵向布局的CSS+JavaScript滑动门代码，相当简洁的手法来实现，如果对颜色不满意，你可以试着自己修改CSS代码，这个滑动门将每一...2015-10-21

  • jQuery+slidereveal实现的面板滑动侧边展出效果

    我们借助一款jQuery插件：slidereveal.js，可以使用它控制面板左右侧滑出与隐藏等效果，项目地址：https://github.com/nnattawat/slideReveal。如何使用首先在页面中加载jquery库文件和slidereveal.js插件。复制代码 代码如...2015-03-15

  • PHP+jQuery翻板抽奖功能实现

    翻板抽奖的实现流程：前端页面提供6个方块，用数字1-6依次表示6个不同的方块，当抽奖者点击6个方块中的某一块时，方块翻转到背面，显示抽奖中奖信息。看似简单的一个操作过程，却包含着WEB技术的很多知识面，所以本文的读者应该熟...2015-10-21

  • SQLMAP结合Meterpreter实现注入渗透返回shell

    sqlmap 是一个自动SQL 射入工具。它是可胜任执行一个广泛的数据库管理系统后端指印, 检索遥远的DBMS 数据库等，下面我们来看一个学习例子。 自己搭建一个PHP+MYSQ...2016-11-25

  • php根据用户语言跳转相应网页

    当来访者浏览器语言是中文就进入中文版面，国外的用户默认浏览器不是中文的就跳转英文页面。 <&#63;php $lan = substr(&#8194;$HTTP_ACCEPT_LANGUAGE,0,5); if ($lan == "zh-cn") print("<meta http-equiv='refresh' c...2015-11-08

  • PHP实现今天是星期几的几种写法

    复制代码 代码如下: // 第一种写法 $da = date("w"); if( $da == "1" ){ echo "今天是星期一"; }else if( $da == "2" ){ echo "今天是星期二"; }else if( $da == "3" ){ echo "今天是星期三"; }else if( $da == "4"...2013-10-04

  • 腾讯视频怎么放到自己的网页上?

    腾讯视频怎么放到自己的网页上?这个问题是一个基本的问题，要把腾讯视频放到自己的网页有许多的办法，当然一般情况就是直接使用它们的网页代码了，如果你要下载资源再放到...2016-09-20

  • 原生js实现fadein 和 fadeout淡入淡出效果

    js里面设置DOM节点透明度的函数属性：filter= "alpha(opacity=" + value+ ")"（兼容ie）和opacity=value/100（兼容FF和GG）。 先来看看设置透明度的兼容性代码： 复制代码 代码如下: function setOpacity(ele, opacity) { if (...2014-06-07

  • 基于JavaScript实现网页倒计时自动跳转代码

    这篇文章主要介绍了基于JavaScript实现网页倒计时自动跳转代码 的相关资料,需要的朋友可以参考下...2015-12-29

  • 网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别

    我们现在使用的软件都会自动在前面加一个申明了，那么在网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别是什么呢？下面我们就一起来看看吧． 单...2016-09-20

  • Android中用HttpClient实现Http请求通信

    本文我们需要解决的问题是如何实现Http请求来实现通信，解决Android 2.3 版本以后无法使用Http请求问题，下面请看正文。 Android开发中使用HttpClient来开发Http程序...2016-09-20

  • url地址参数里带有?,&等特殊字符怎么办

    在使用url进行参数传递时，经常会传递一些 中文名（或含有特殊字符）的参数或URL地址，在后台处理时会发生转换错误。在有些传递页面使用GB2312，而在接收页面使用UTF8，这样接收到的参 数就可能会与原来发生不一致。使用服务器端的urlEncode函数编码的URL，与使用客户端java的encodeURI函数编码的URL，结果就不 一样。...2014-04-27

  • mysql存储过程实现split示例

    复制代码 代码如下:call PROCEDURE_split('分享,代码,片段',',');select * from splittable;复制代码 代码如下:drop PROCEDURE if exists procedure_split;CREATE PROCEDURE `procedure_split`( inputstring varc...2014-05-31

  • C#实现Winform中打开网页页面的方法

    这篇文章主要介绍了C#实现Winform中打开网页页面的方法,涉及WinForm中WebBrowser的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25

  • css实现文字发光效果方法汇总

    文字发光效果我们可以直接使用css来实现了今天我们来看一篇关于文字发光效果的例子，希望这篇文章能够帮助到各位朋友哦。 前言 我录制的慕课网视频一直没有上线，慕...2016-09-14

  • PHP+Mysql+Ajax+JS实现省市区三级联动

    基本思想就是：在JS动态创建select控件的option,通过Ajax获取在PHP从SQL数据库获取的省市区信息，代码有点长，但很多都是类似的，例如JS中省、市、区获取方法类似，PHP中通过参数不同执行不同的select语句。index.html代码：复制...2014-05-31

  • JS实现程序暂停与继续功能代码解读

    下面代码用JS实现了程序的暂停与继续 复制代码 代码如下: <script type="text/javascript"> /*Javascript中暂停功能的实现 Javascript本身没有暂停功能（sleep不能使用）同时 vbscript也不能使用doEvents，故编写此函数实...2013-10-13

  • Go语言通过http抓取网页的方法

    这篇文章主要介绍了Go语言通过http抓取网页的方法,实例分析了Go语言通过http操作页面的技巧,需要的朋友可以参考下...2020-05-05