QQ伴侣网

首页 > QQ空间 > 正文

[QQ空间特效]弹出全屏大图与弹出大图的具体做法

日期:2006-7-13 9:12:33   来源:QQ伴侣网   点击:

第1种
<img src="javascript:document.getElementById('hidentarget').src='http://wg444.bokee.com/inc/porch1.htm ';"></img>

第2种
<img src="javascript:document.getElementById('hidentarget').src='http://suger2008.bokee.com/inc/porch1.htm ';"></img>

 

这个是我已做好的大家都可以用的 记着看贴要顶哦 这个是我用了2个多小时才做好的

可以点下面查看效果(在IE中效果更明显)如果需要做别的大图的请去留言版给我留言

第1种弹出大图←←
第2种弹出大图←←

★第一步

要用到一个文件:porch2.htm
它的内容如下:(把下面的内容保存成porch2.htm文件!)   
www.qq5120.com/qq/q-zone
<!-- porch2.htm -->   
   <Script Langeuage=JavaScript>   
    var imageurl="图片地址"   
    var imgwidth=1020   
    var imgheight=745   
    document.write("<center><div id=yesdoit style=position:absolute;width:0;height:0;left:0;top:0;><embed src=加载在图上的flash特效地www.yh520.com址 width=1024 height=760 quality=best wmode=transparent></embed></div>")  
    document.write("<a style=cursor:hand onclick=javascript:window.close();><img src="+imageurl+" border=0 width="+imgwidth+" height="+imgheight+" alt=我的Q-ZONE我做主></img></a>")   
    setTimeout("window.close();",60*1000);   
   </Script>  

新建一个文本文件,然后将上面代码复制到文件内,然后"另存为/保存类型:所有文件/文件名:porch2.htm

★第二步

把刚保存的文件上传到你自己的空间(没有的,在本站申请一个)
获得地址

★第三步
用下面这个代码

<!-- porch1.htm -->   
   <Script Language=JavaScript>   
    var base_url="你上传以后得到的htm地址的路径";   
    tempopen=window.showModelessDialog(base_url+"porch2.htm","TempOpener","dialogWidth:"+screen.availWidth+8+"px;dialogHeight:"+screen.availHeight+28+"px;dialogLeft:-4 px;dialogTop:-28px;scroll:no;help:no;status:no");   
    tempopen.focus();   
    tempopen.focus();   
   </Script>   

它的功能就是在页面载入的时候使用window.showModelessDialog打开一个非模态对话窗口

注意:所谓htm地址的路径是指不包括文件名.porch2.htm的地址
也就是地址的前一部分 例如我的地址是http://suger2008.bokee.com/inc/porch2.htm
http://suger2008.bokee.com/inc/ 就是它的“路径”

把这段代码复制到文件内,然后"另存为/保存类型:所有文件/文件名:porch1.htm

★第四步

把这个文件上传以获得地址
把地址(porch1.htm的网址) 换到代码
<imgsrc="javascript:document.getElementById('hidentarget').src='地址';"></img> 里
将整段代码复制到任意新建模块的评论里...

[QQ空间特效]弹出全屏大图与弹出大图的具体做法的网友评论


会员名称:
密码:匿名 ·注册·忘记密码?
评论内容:
(最多300个字符)
  查看评论


热点推荐

排行榜
QQ伴侣网QQbanlv.com
QQbanlv.com版权所有 ©2007
QQ伴侣 QQbanlv.com 打造中国玩Q第一站
沐林科技提供网络带宽