关于修改图片的JS

Question

js图片

Answer 1

本帖最后由 showbo 于 2014-02-21 11:49:27 编辑

  

Answer 2

绑定一个mouseover事件，去改变这个图片的链接就行了。这有什么问题吗？就像这样：
<div id = "a">aaaa</div>
<div>
<img src = "images/image1.jpg" id = "c"/>
</div>
<script type="text/javascript">
document.getElementById("a").onmouseover = function(){
document.getElementById("c").src = "images/image2.jpg";
}
document.getElementById("a").onmouseout = function(){
document.getElementById("c").src = "images/image1.jpg";
}
</script>

Answer 3

你可以在页面加载的时候，一起将产品对应的图片地址绑定在链接上，鼠标经过链接时，将绑定在链接上的图片地址直接更换到图片的src

Answer 4

<script type="text/javascript">
function changeP(x,y){ 
 document.getElementById('a_'+x).src="upload/"+y; 
return false;
}
</script> <table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td><table width="700" border="0" cellspacing="0" cellpadding="0">
  <%
   sql=" select * from class order by id desc " Dim rs,m
Set rs=Server.CreateObject("ADODB.RecordSet")
rs.open sql,conn,1,1

m=1
Do while not rs.eof

  %>
                <tr>
                  <td width="146" rowspan="2" align="center"><img id="a_<%=m%>" src="images/11111.jpg" width="134" height="103" /></td>
                  <td width="554" align="left"><%=rs("classname")%></td>
                </tr>
                <tr>
                  <td align="left" valign="top">
  <%
   set rscp=conn.execute("select * from product where classid ="&rs("id"))
if rscp.eof then
response.write "系统中还没有录入任何信息！"
else
Do while not rscp.eof
  %>
  <a href="javascript:void(0)" onmouseover="changP(<%=m%>,<%=rscp("pic")%>)"><%=rscp("title")%></a> | 
   <%
rscp.MoveNext
loop
end if
%>
  </td>
                </tr>
 <%
rs.MoveNext
m=m+1
loop
%>
              </table></td>
            </tr>
            <tr>
              <td height="15"></td>
            </tr>
           
          </table>

Answer 5

Quote: 引用 2 楼 showbo 的回复:

Quote:

由于结构的设计这种方法不适合 实在不行只能用影藏层的方法了

Answer 6

<script type="text/javascript">
function changeP(x,y){ 
 document.getElementById('a_'+x).src="upload/"+y; 
return false;
}
</script> <table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td><table width="700" border="0" cellspacing="0" cellpadding="0">
  <%
   sql=" select * from class order by id desc " Dim rs,m
Set rs=Server.CreateObject("ADODB.RecordSet")
rs.open sql,conn,1,1

m=1
Do while not rs.eof

  %>
                <tr>
                  <td width="146" rowspan="2" align="center"><img id="a_<%=m%>" src="images/11111.jpg" width="134" height="103" /></td>
                  <td width="554" align="left"><%=rs("classname")%></td>
                </tr>
                <tr>
                  <td align="left" valign="top">
  <%
   set rscp=conn.execute("select * from product where classid ="&rs("id"))
if rscp.eof then
response.write "系统中还没有录入任何信息！"
else
Do while not rscp.eof
  %>
  <a href="javascript:void(0)" onmouseover="changP(<%=m%>,<%=rscp("pic")%>)"><%=rscp("title")%></a> | 
   <%
rscp.MoveNext
loop
end if
%>
  </td>
                </tr>
 <%
rs.MoveNext
m=m+1
loop
%>
              </table></td>
            </tr>
            <tr>
              <td height="15"></td>
            </tr>
           
          </table>你这里不是弄好了，有什么问题

Answer 7

<script type="text/javascript">
function changeP(x,y){ 
 document.getElementById('a_'+x).src="upload/"+y; 
return false;
}
</script> <table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td><table width="700" border="0" cellspacing="0" cellpadding="0">
  <%
   sql=" select * from class order by id desc " Dim rs,m
Set rs=Server.CreateObject("ADODB.RecordSet")
rs.open sql,conn,1,1

m=1
Do while not rs.eof

  %>
                <tr>
                  <td width="146" rowspan="2" align="center"><img id="a_<%=m%>" src="images/11111.jpg" width="134" height="103" /></td>
                  <td width="554" align="left"><%=rs("classname")%></td>
                </tr>
                <tr>
                  <td align="left" valign="top">
  <%
   set rscp=conn.execute("select * from product where classid ="&rs("id"))
if rscp.eof then
response.write "系统中还没有录入任何信息！"
else
Do while not rscp.eof
  %>
  <a href="javascript:void(0)" onmouseover="changP(<%=m%>,<%=rscp("pic")%>)"><%=rscp("title")%></a> | 
   <%
rscp.MoveNext
loop
end if
%>
  </td>
                </tr>
 <%
rs.MoveNext
m=m+1
loop
%>
              </table></td>
            </tr>
            <tr>
              <td height="15"></td>
            </tr>
           
          </table>你这里不是弄好了，有什么问题恩 现在好了 有个地方没写好