快捷搜索:  as  2018  FtCWSyGV  С˵  test  xxx  Ψһ  w3viyKQx

澳门新葡新京是真的吗:网页制作隐藏对象巧利用



网页制作暗藏工具巧使用

打印本文作者:阿水仔

--------------------------------------------------------------------------------

在网页制作中,经由过程一些暗藏工具,如暗藏IFrame、暗藏表单工具、暗藏图片的利用,平日能起到加速网页下载速率或增强网页交互功能的感化。下面笔者就经由过程几个实例来阐明利用的措施。

一、应用暗藏图片实现图片互换效果

一样平常实现图片互换效果(如鼠标移入和移出或点击互换),都是经由过程在JavaScript代码中改变图片的滥觞属性SRC实现。其弊端是每次切换图片时都必须从新下载新图片,在图片较大年夜或网速较慢的情形下无疑会呈现等待下载的问题。有些网页编辑器如Dreamweaver中供给了预下载(Preload)的函数,但实际上据笔者在IE 6.0中测试发明并不能办理此问题。

现在笔者供给一种措施,鄙人载网页时将要互换的图片全手下载,并将其位置设为相同(使用CSS属性)。在互换时改变图片CSS属性中的可见性属性(Visibility)为暗藏(Hidden)或可见(Visible),即可避免从新下载新图片。下面是一个鼠标移出移入互换Pic1.jpg和Pic2.jpg的实例。

<script language="javascript">

function change_img(from_img,to_img){ //将from_img调换为to_img

document.images[from_img].style.visibility = "hidden";

document.images[to_img].style.visibility = "visible";

}

</script>

<span style="position:absolute澳门新葡新京是真的吗; left:0px; top:0px;" onMouseOver="change_img(´img1´,´img2´)" onMouseOut="change_img(´img2´,´img1´)" >

<澳门新葡新京是真的吗img name="img1" src="pic1.jpg" style="position:absolute; left:0px; top:0px;">

<img name="img2" src="pic2.jpg" style="position:absolute; left:0px; top:0px;visibility:hidden;"><!--预先将img2设为暗藏!-->

</span>

留意此例中块元素Span的引进是需要之步(也可用Div等调换),假如是点击互换图片则无需应用。别的,假如你不想让图片的位置固定,也可临时在JavaScript代码中让img2的位置即是img1的位置。(西部E网www.weste.net )保举应用这种措施。

二、使用暗藏表单工具增强交互性

留言板的留言区,这个留言板容许造访者选择神色符。我们假设设计者已在网页中实现了将造访者所选神色符的代号存入了全局变量Faceid中,那若何能在提交表单时将这个变量通报给办事器呢?着实只需用一个暗藏类型(Hidden)的表单工具即可办理问题。

在表单部分这样书写:

<form name="writer" action="server.php" method="post">

<!--此处省略了其它表单工具!-->

<input type="button" value="写好了" onclick="verify()">

<!--在提交前应用verify函数进行验证。!-->

<input name="faceid_save" type="hidden">

</form>

在验证表单函数中这样书写:

function verify() {

//此处省略了其他验证部分,即运行至此已经由过程其他验证

document.writer.faceid_save.valu澳门新葡新京是真的吗e = faceid;

document.writer.submit();

}

三、暗藏IFrame在办事器交互页面中的应用

在设计PHP、ASP等面向办事器的网页时,常常会涉及到办事器端数据库或文件的操作,比如说记任命户IP、网站造访量、页面链接造访量等。假如将这些操作的代码和要发给用户真个内容放在一个网页文件中,就会影响用户下载的速率,由于办事器首先要处置惩罚完这些操作代码才会将天生的页面发给造访者。分外是现在有一些虚拟机办事器,处置惩罚数据库分外慢,在这种环境下,除了避免数据库操作(如只管即便应用文本文件记录信息)之外,就需另设法主见子。以下操作以PHP为例。

下例中将针对办事器的操作代码分离出来,放入一个自力的PHP文件,如Server.php。在主页面中加入一个暗藏的内嵌页面(inner frame,IFrame,如图2:平日没有暗藏的IFrame效果),并将Server.php放入内嵌页面打开,而其他内容仍放在主页面,因为内嵌页面的下载并不会影响主页面的下载,这就前进了速率。在主页面中的详细代码只需如下书写:

<IFRAME NAME="pagename" SRC="server.php" WIDTH="0" HEIGHT="0"></IFRAME>

<!--这里将iframe的高和宽设为0实现暗藏。!-->

同样,假如必要记录某个链接的点击量也可同样设计:

<IFRAME NAME="clicksave" SRC="" WIDTH="0" HEIGHT="0"></IFRAME>

<a href="你要链接的内容" target="_blank" OnClick="javascript:window.澳门新葡新京是真的吗clicksave.location=´server.php´">链接显示内容</a>

<!--在打开链接的同时将server.php在clicksave内嵌页面中打开!-->

总结:以上供给了3种简单应用暗藏工具的措施,实际上使用暗藏工具还能实现更多奇特的效果,比如将网页设计成Windows桌面形式,多窗口的形式就可应用暗藏IFrame实现。是以这里只能算是抛砖引玉了,大年夜家可根据必要进行机动利用。

西部E网www.weste.net弥补:暗藏工具还有一个功能便是美化页面。假如你的网站上有一些统计流量的代码,然则你却不盼望显示出来,那么你可以将他们放在一个 div 中,然后用visibility:hidd澳门新葡新京是真的吗en的措施将div暗藏,这样既能统计信息又能美化页面,怎么样?(

--------------------------------------------------------------------------------

您可能还会对下面的文章感兴趣: