设置首页
-
加入收藏
导航:
博客
-
文章
-
图片
-
下载
&
[ 首页 ]
[ 应用学习 ]
[ 脚本应用 ]
[ ASP编程 ]
[ WEB应用 ]
当前位置:
文章中心
-
脚本应用
-
一个简单的图片弹出层,兼容所有浏览器
相关文章
最新文章
鼠标移过图片变清晰效果
用相对定位和负向移动完成图片象框阴影
记录并显示网页的最后修改时间
JS节日倒计时效果
可以输入当前的时间一款日期输入控件
漂亮的脚本日历
实时变化的时间特效
1900-2100 两百年超酷百年日历
三个最常用的JS时间特效
效果超酷的textarea的输入字数限制及提示
鼠标经过input时的颜色发生变化
可选择Email和用户名登录的代码
防止被IFRAME嵌套并自动跳到首页代码
CSS自适应宽度按钮
3种风格的AJAX左右切换内容
一个简单的图片弹出层,兼容所有浏览器
关键词: 时间:2008年10月10日 星期五 阅读:265
该代码仅适用于BCMS1.1版本!(使用了BCMS内置的JS函数)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="utf-8" /> <meta http-equiv="Pragma" content="no-cache" /> <meta name="keywords" content="蓝雨设计,蓝雨博客,asp,access,勃客蓝雨" /> <meta name="description" content="蓝雨博客系统基于asp+access 技术开发,程序小巧,功能强大." /> <meta name="copyright" content="蓝雨设计" /> <meta name="author" content="蓝雨" /> <script language="javascript" type="text/javascript" src="/template/lanyu/js/common.js"></script> <script> //简单图片显示,兼容所有浏览器 function showimg(url) { var url=url.replace("file/preview","file"); var img = new Image(); //创建图像对象 img.src = url; //设置图像源 // 如果图片已经存在于浏览器缓存,直接调用 if (img.complete) { showajaxdiv("img","<img src="+url+" onclick=\"hidden_div('ajax-div-img')\" style=\"cursor:pointer;\" alt=\"点击关闭\">",img.width,0); return; // 直接返回,不再处理onload事件 }else{ //显示提示信息 showajaxdiv("imgline","图片加载中……",200,1); //图片下载完毕时异步调用 img.onload = function () { //关闭提示信息 hidden_div("ajax-div-imgline"); //调用显示 showajaxdiv("img","<img src="+url+" onclick=\"hidden_div('ajax-div-img')\" style=\"cursor:pointer;\" alt=\"点击关闭\">",img.width,0);} } } </script> <p><img border="0" width="180" src="http://www.iaviva.com/upload_1ahhm/photo/08108182837.jpg" style="cursor:pointer;" onclick="showimg(this.src);return false;"></p> <p><img border="0" width="180" src="http://www.iaviva.com/upload_1ahhm/photo/08108182943.jpg" style="cursor:pointer;" onclick="showimg(this.src);return false;"></p> <p><img border="0" width="180" src="http://www.iaviva.com/upload_1ahhm/photo/08108183345.jpg" style="cursor:pointer;" onclick="showimg(this.src);return false;"></p> </body> </html>
提示:可以先修改部分代码后再运行
上一篇:
很牛的一个效果!
下一篇:
文本链接渐隐渐显
0条记录
访客评论
暂未有任何评论,你来发表一篇吧!
发表评论
昵称
(必填)
内容
(必填)
答案
(必填)
记住我,再次发表不需要重填个人信息。
不想保留信息请
删除cookie
!
友情链接
Copyright © 2006-2008
老黑
湘ICP备09010160号
XHTML 1.0
.
Powered by Bcms.Processed in {tag:timer} second(s), {tag:dataquery} queries, Cache enabled
更新时间:
0条记录访客评论