<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
<%@pageimport="com.pojo.Products"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPEHTMLPUBLIC"-//W3C//DTD
HTML 4.01 Transitional//EN">
<html>
<head>
<basehref="<%=basePath%>">
<title>My
JSP 'buy.jsp' starting page</title>
</head>
<scripttype="text/javascript">
functionshowing(imgpath){
varx=event.clientX;
vary=event.clientY;
document.getElementById("popup").innerHTML="<img
src='"+imgpath+"' width=200 height=200
/>";
document.getElementById("popup").style.top=y+50;
document.getElementById("popup").style.left=x;
document.getElementById("popup").style.visibility="visible";
}
functionclearing(){
document.getElementById("popup").style.visibility="hidden";
}
</script>
<body>
<%
Products p=(Products)request.getAttribute("procduct");
%>
商品名称:<%=p.getName()%><br/>
会员价:<%=p.getSaleprice()%><br/>
图片:<imgalt=""src="<%=p.getImange()%>"vspace="6"border="0"onmouseover="showing('<%=p.getImange()%>');"onmouseout="clearing();"><br/>
商品描述:<br/>
<textarearows="3"cols="15"disabled="disabled">
<%=p.getDescript()%>
</textarea>
<formaction="">
数量:<inputname="count"size="2">
<inputtype="submit"value="购买">
</form>
<divstyle="position:
absolute; width:200; height:200; border:solid 1px; border-color: red; visibility: hidden; "id="popup">
123457789
</div>
<br/>
<br/>
<br/>
<ahref="index.jsp?sid=<%=p.getSortp().getId()%>">返回商品列表</a>
</body>
</html>
相关推荐
仿淘宝的一种鼠标悬浮商品之后图片被放大。采用jquery实现,非常简单,思路清晰。
使用JavaScript面向对象编程思想模拟京东商城鼠标悬浮图片放大效果。该效果中包含鼠标移入图片显示放大,鼠标移出图片消失,点击图片按钮切换图片。
代码简介:jQuery鼠标悬浮图片放大特效是一款鼠标移到图片上突出放大显示。
鼠标悬浮在图片上,图片放大,图片相对于原图片中心位置放大
NULL 博文链接:https://beilejiang.iteye.com/blog/904784
easyUI中datagrid鼠标悬浮显示图片,博客地址:https://blog.csdn.net/lwf3115841/article/details/119531658?spm=1001.2014.3001.5501
css3鼠标悬浮放大效果 css3鼠标悬浮放大效果网页特效.zip
Jqzoom鼠标悬停图片放大器代码是一款适合产品图片的展示jquery放大器代码,兼容主流浏览器。
JS+CSS3鼠标悬停图片层叠缩放展示特效,鼠标悬停在哪张图片上面该图片就会放大展示。注:有些浏览器可能不兼容。
jQuery鼠标悬浮图片放大特效是一款鼠标移到图片上突出放大显示。
vue鼠标悬停图片放大特效是一款基于vue.js跟css3制作的相册图片悬停弹出3d放大展示代码。
用Js写的放大镜功能 支持应用到商品详情中 鼠标划过图片放大图片中的细节
使用canvas实现的,前端图片预览插件,提供基本的放大、缩小、移动、旋转、翻转功能,由于JS加载图片的原因,双击直接运行访问不到图片,需将代码部署在服务器中才可
在鼠标悬停于图片时,激活效果,放大显示图片,当鼠标移至对应方格中的图片时,该图片会以一定的倍数放大显示占据一定数量的方格,与其它方格图片重新布局,整齐排列,视觉效果很美观,js动画的加入,使本款图片带有...
鼠标悬停在缩略图时在鼠标右边显示原图
jquery实现的鼠标悬浮图片放大特效,清晰识图,类似于用放大镜看图片
CSS3鼠标经过突出放大显示特效是一款带有弹性伸缩效果的鼠标响应式特效