当前位置：首页 -> 网页设计 -> DREAMWEAVER -> 网页制作隐藏对象巧利用

网页制作隐藏对象巧利用

时间： 2021-07-31 作者：daque

在网页创造中，经过少许湮没东西，如湮没iframe、湮没表单东西、湮没图片的运用，常常能起到加快网页载入速率或巩固网页交互功效的效率。底下笔者就经过几个范例来证明运用的本领。一、运用湮没图片实行图片调换功效普遍实行图片调换功效（如鼠标移入和移出或点击调换），都是经过在javascript代码中变换图片的根源属性src实行。其缺点是历次切换图片时都必需从新载入新图片，在图片较大或网速较慢的景象下无疑会展示等候载入的题目。有些网页编纂器如dreamweaver中供给了预载入（preload）的因变量，但本质上据笔者在ie 6.0中尝试创造并不许处置此题目。此刻笔者供给一种本领，鄙人载网页时将要调换的图片十足载入，并将其场所设为沟通（运用css属性）。在调换时变换图片css属性中的看来性属性（visibility）为湮没（hidden）或看来（visible），即可制止从新载入新图片。底下是一个鼠标移出移入调换pic1.jpg和pic2.jpg的范例。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";}

网页制作隐藏对象巧利用图1

提防此例中块元素span的引进是需要之步（也可用div等替代），即使是点击调换图片则无需运用。其余，即使你不想让图片的场所恒定，也可偶尔在javascript代码中让img2的场所即是img1的场所。二、运用湮没表单东西巩固交互性留言板的留言区，这个留言板承诺考察者采用脸色符。咱们假如安排者已在网页中实行了将考察者所选脸色符的代号惠存了全部变量faceid中，那怎样能在提交表单时将这个变量传播给效劳器呢？本来只需用一个湮没典型（hidden）的表单东西即可处置题目。在表单局部如许抄写：在考证表单因变量中如许抄写：function verify() {//此处简略了其余考证局部，即运转至此已经过其余考证 document.writer.faceid_save.value = faceid; document.writer.submit();}三、湮没iframe在效劳器交互页面中的运用在安排php、asp等面向效劳器的网页时，常常会波及到效劳器端数据库或文献的操纵，比方说记委派户ip、网站考察量、页面链接考察量等。即使将那些操纵的代码和要发给用户端的实质放在一个网页文献中，就会感化用户载入的速率，由于效劳器开始要处置完那些操纵代码才会将天生的页面发给考察者。更加是此刻有少许假造机效劳器，处置数据库更加慢，在这种情景下，除去制止数据库操纵（如尽管运用文本文献记载消息）除外，就需另想方法。以次操纵以php为例。下例中将对准效劳器的操纵代码辨别出来，放入一个独力的php文献，如server.php。在网页面中介入一个湮没的内嵌页面（inner frame，iframe，如图2：常常没有湮没的iframe功效），并将server.php放入内嵌页面翻开，而其余实质仍放在网页面，因为内嵌页面包车型的士载入并不会感化网页面包车型的士载入，这就普及了速率。在网页面中的简直代码只需如次抄写：同样，即使须要记载某个链接的点击量也可同样安排：链接表露实质归纳：之上供给了3种大略运用湮没东西的本领，本质上运用湮没东西还能实行更多神奇的功效，比方将网页安排成windows桌面情势，多窗口的情势就可运用湮没iframe实行。所以这边只能算是举一反三了，大师可按照须要举行精巧运用。弥补：湮没东西再有一个功效即是粉饰页面。即使你的网站上有少许统计流量的代码，然而你却不蓄意表露出来，那么你不妨将她们放在一个 div 中，而后用visibility:hidden的本领将div湮没，如许既能统计消息又能粉饰页面，如何样？

网页制作隐藏对象巧利用图2

网页制作隐藏对象巧利用

相关推荐

推荐下载

热门阅览

最新排行