添加收藏
 系统管理
 联系方式
  汉南在线网页设计JavaScript脚本

一个页弹窗口的代码
作  者:匿名
关键字:JavaScript



查看大图时在页内弹出图片的功能改成的。

修改了原来调用的js直接在嵌入页内。
原来弹出的div中是显示图片,改成显示另一动态链接。
弹出位置由鼠标定位。

 

javascript部分

function showBigImg(filename){
 var objBigImg=document.getElementById("big_img");

 var mouseX=window.event.clientX+document.documentElement.scrollLeft;
 var mouseY=window.event.clientY+document.documentElement.scrollTop;
 objBigImg.style.top = mouseY+150;
 objBigImg.style.left = mouseX+10;

 objBigImg.style.display="";
 document.getElementById("bigImg").innerHTML="<IFRAME name='right' src="/blog/"+filename+"' frameBorder='0' width='99%' height='100%' > </IFRAME>";
}

function closeBigImg(){
var objBigImg=document.getElementById("big_img");
objBigImg.style.display="none";
}

 

显示位置:

<DIV id=big_img
style="BORDER-RIGHT: #b4dcff 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #b4dcff 1px solid; DISPLAY: none; PADDING-LEFT: 1px; Z-INDEX: 10; BACKGROUND: #f4f9ff; PADDING-BOTTOM: 1px; BORDER-LEFT: #b4dcff 1px solid; WIDTH: 200px; PADDING-TOP: 1px; BORDER-BOTTOM: #b4dcff 1px solid; POSITION: absolute">

<DIV style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px">
<A id=linkImg href="#" target=_blank>新页面打开</A>--------<A onclick=closeBigImg()>关闭</A>
</DIV>

<DIV id=bigImg style="HEIGHT: 300px; width:500px;TEXT-ALIGN: center">页面正在载入中……</DIV>

</DIV>


<p><a href="#" style="CURSOR: hand" onclick="showBigImg('http://vivi.sina.com.cn/collect/icollect.php?pid=wellknow&;title=百商网&url=http://www.100shang.com')">新浪ViVi</a> </p>


来源:网络
阅读:29
日期:2007-11-15

【 双击滚屏 】 【 推荐朋友 】 【 收藏 】 【 打印 】 【 关闭 】 【 字体: 】 
上一篇:实例分析CSS属性Display与Visibility不同
下一篇:VB的数据类型

  >> 相关文章
 
  ·javasript 实现div圆角【2】
  ·简易实现DIV圆角的JavaScript代码和使用方法
  ·用javascript实现评估用户输入密码的强度
  ·用JAVASCRIPT自定义提示信息
  ·网页最简短的拖动对象代码实例演示
  ·滑动展开/收缩广告代码实例效果
  ·javascript在网页中实现焦点图转换效果
  ·javascript在网页中显示日期时间

5.12汶川大地震遇难同胞默哀 | 汉南在线总站 | 网站建设 | BT电影下载 | 汉南在线博客 | 流行购商城

授权使用:汉南在线 http://hnzx.hzwz.net/
经营许可证:陕ICP备05000109号 Powered by:汉南在线  
Copyright (c) 2002-2008 汉南在线. All Rights Reserved .