js弹出图片原图效果

1.将js方法独立出来common.js

function openwin(src){
       var basePath = document.getElementById("basePath").value;
       src = basePath + src;
       //alert(src);
       OpenWindow=window.open("","newwin",",toolbar=no,menubar=no,scrollbars=yes,resizable=yes,location=no,status=no");
       //写成一行
       OpenWindow.document.write("<TITLE>查看图片</TITLE>");
       OpenWindow.document.write("<BODY BGCOLOR=#ffffff>");
       //OpenWindow.document.write("<h1>Hello!</h1>");
       OpenWindow.document.write("<img src=‘"+src+"‘ />");
       OpenWindow.document.write("</BODY>");
       OpenWindow.document.write("</HTML>");
       OpenWindow.document.close();
   }

2.在需要调用的jsp嵌入

<%
String basePath = request.getScheme() + "://" + request.getServerName() +":"+ request.getServerPort() + request.getContextPath() + "/";
%>
<input type="hidden" value="<%=basePath%>" id="basePath" />
<script language="javascript" type="text/javascript" src="<%=basePath %>js/biz/common.js"></script>

<a href="javascript:void(0);" onclick="openwin(‘${mem.idCard}/‘);" title="点击查看原图"><img src="${mem.idCard}/" width="500" height="360"/></a>

时间： 2024-10-10 12:49:42

js弹出图片原图效果的相关文章

JS——定时弹出图片

1.js代码: function init(){ time = setInterval("showAd()",3000); } //书写显示广告图片的函数 function showAd(){ //获取广告图片的位置 var adEle = document.getElementById("img"); //修改广告图片元素里面的属性让其显示 adEle.style.display = "block"; //清除显示图片的定时操作 clearIn

JQ——图片弹出效果（定时弹出图片）、toggle

1.使用 hide() 和 show() 方法来隐藏和显示 HTML 元素(这里是img) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>定时弹出图片——图片弹出的效果</title> <script type="text/javascript" src="../js/jquery-1.8.3.js&quo

一个JS弹出层用户登录效果

<html> <head> <meta http-equiv="Content-Type"content="text/html; charset=gb2312"/> <title>接触角测定仪 http://www.dgshengding.com</title> <style> body,#Mdown{margin: 0;padding: 0;text-align: center;font: n

js 弹出对话框的方法总结

原文:http://www.cnblogs.com/xiaofengfeng/archive/2012/10/20/2732784.html <!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.o

很牛的js弹出层-artDialog4.1.2

[转]很牛的js弹出层-artDialog4.1.2 博客分类: javascript javascript 转自:http://www.iteye.com/topic/1117866 Sharpleo 写道先让我们看看他提供的几种皮肤吧功能: Java代码 1. 传入字符串 art.dialog({ content: '我支持HTML' }); 效果: Java代码 2. 传入HTMLElement 备注:1.元素不是复制而是完整移动到对话框中,所以原有的事件与属性都将会保留 2

div+js 弹出层

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery弹出层效果</title> <style> .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background

bootstrap中popover.js(弹出框)使用总结+案例

bootstrap中popover.js(弹出框)使用总结+案例 *bootstrap官方说明:http://v3.bootcss.com/javascript/#popovers 一. popover常用配置参数: 1 //常用配置参数: 2 $(document).ready(function() { 3 $('#temp').popover( 4 { 5 trigger:'click', //触发方式 6 template: '', //你自定义的模板 7 title:"标题",

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-Typ

js弹出对话框

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js弹出对话框</title> <script language="javascript"> function alter1() { alert("我敢保证,你现在用的是演示一