全国统一热线:
028-86758058
18980748058
购买流程
付款方式
常见问题
在线提问
续租服务
购物车(
0
件)
用户名:
密 码:
记住
首 页
HOME
域名注册
DOMAIN
虚拟主机
WEB HOST
成品网站超市
AUTO Site
VPS主机
VPS SERVER
云 主 机
CLOUD HOST
租用托管
SERVER
海外主机
HK HOST
代理专区
AGENT
客服中心
SERVICE
站长教程
SERVICE
欢迎光临西部数据云计算中心,我们将竭诚为您提供最优质的服务!
中文域名
域名转入
域名转出
DNS管理
动态域名
获取域名证书
域名停放
域名过户
集群主机
双线主机
基本主机
港台主机
论坛主机
Linux主机
Vip合租主机
超G型主机
ASP.net主机
Java主机
智能建站主机
网店主机
美国主机
数据库
成品网站超市
智能建站主机
集群VPS主机
国内VPS主机
香港VPS主机
美国VPS主机
云主机介绍
云主机购买
服务器租用
主机托管
常见问题
香港主机
港台主机
美国主机
国内免备案
步骤流程
代理级别
代理合同
代理模式
代理优势
在线申请
产品列表
常见问题
代理商分布图
常见问题
有问必答
跟踪提问
购买流程
产品价格
付款方式
常用软件
网站备案
续租服务
汇款确认
相关文档
联系我们
域名资讯
主机资讯
行业动态
网页制作
php教程
mysql教程
域名资讯
云计算资讯
网络编程
您当前的位置:
首页
>
网络编程
>
Net教程
asp.net下用js实现鼠标移至小图,自动显示相应大图
时间:2015-01-29 来源:互联网 作者:佚名
实现根据后台绑定小图片,鼠标移至小图,自动显示相应大图
.Net精简版本
<script language="JavaScript">
function GetShowImg(imgfile)
{
document.all("ShowImage").src = "/semir/images/"+ imgfile;
}
</script>
//DataList绑定
<asp:datalist id="DlSides" runat="server" OnItemCommand="DlSides_ItemCommand" RepeatDirection="Horizontal"
RepeatColumns="3" DataKeyField="SideID" CssClass="semirText">
<ItemTemplate>
<a onmouseover="GetShowImg('<%# DataBinder.Eval(Container.DataItem, "sidePath")%>')"><IMG style="WIDTH: 45px; HEIGHT: 56px" alt="" src='/semir/images/small<%# DataBinder.Eval(Container.DataItem, "sidePath")%>' border=0 ></a>
</ItemTemplate>
</asp:datalist>
// 显示相应大图
<img name="ShowImage">
ASP完整版
<script language="JavaScript">
function ImagePreload()
{
var args = ImagePreload.arguments;
document.ImgPreArray = new Array(args.length);
for(var i=0; i<args.length; i++)
{
document.ImgPreArray[i] = new Image;
document.ImgPreArray[i].src = "admin/upfile/newbook/"+ args[i];
}
}
function fitSize() {
var a, b;
var imgobj = document.all("ShowImage");
var oldimg = new Image();
oldimg.src = imgobj.src;
var dw = oldimg.width;
var dh = oldimg.height;
if(imgobj == null) {
setTimeout("fitSize()", 50);
return;
}
if(imgobj.offsetWidth == 0) {
setTimeout("fitSize()", 50);
return;
}
var maxW = 300;
var maxH = 270;
if(dw>maxW || dh>maxH) {
a = dw/maxW;
b = dh/maxW;
if(b>a) a=b;
dw = dw/a;
dh = dh/a;
}
if(dw > 0 && dh > 0) {
imgobj.width = dw;
imgobj.height = dh;
}
}
function GetShowImg(imgtext, imgfile) {
document.all("ShowImgText").innerHTML = imgtext;
document.all("ShowImage").src = "admin/upfile/newbook/"+ imgfile;
document.all("ShowImage").width = 267;
document.all("ShowImage").height = 267;
//fitSize();'show picture size
}
function ShowTextDetail(n) {
for (i=1; i<5; i++) {
document.all("TextDetail"+i).style.display = "none";
}
document.all("TextDetail"+n).style.display = "";
for (i=1; i<4; i++) {
document.all("TitleDetail"+i).className = "shopTabOff";
}
if (n < 4) {
document.all("TitleDetail"+n).className = "shopTabOn";
}
}
</script>
<script language="JavaScript" for="window" event="onload">
ImagePreload('<%=rs("picture")%>');
</script>
'---------调用-显示-------
<%if rs("picture")<>"" then %>
<a style="cursor:hand">
<img name="ShowImage" src="admin/upfile/newbook/<%=rs("picture")%>" border="0" width="267" height="267">
<!-- <img name="ShowImage" src="../upimages/F_060524_000613_46398.jpg" border=0 onload="fitSize();"> -->
</a> <span id="ShowImgText" style="font-weight: bold;"></span>
<% end if %>
‘--------------鼠标移过的图片------
<% if rs("picture")<>"" then%>
<a onmouseover="GetShowImg('','<%=rs("picture")%>');">
<img name="Image71" src="admin/upfile/newbook/<%=rs("picture")%>" alt="dogo" width="40" height="30" border="0"></a>
<%end if%>
来顶一下
返回首页
推荐资讯
Asp.Net 和 AJAX.Net 的区别第1/2页
原文:http://www.microsoft.com/china/msdn/library/webser
提交页面的定位--scrollIntoView的
提交页面定位问题一直骚扰我,比如我们在DataGrid外面加了来
相关文章
无相关信息
栏目更新
栏目热门
返回首页
关于我们
联系我们
付款方式
价格总览
资讯中心
友情链接
媒体关注
有问必答
投诉建议
网站备案
《中华人民共和国增值电信业务经营许可证》编号:川B2-20080058号
官方网址:
xibushuju.com
西部数据
Copyright © 2002~2015
天府快车
版权所有
电话总机:
028-86758058
(50线) 传真:
028-86758058