关于批改图片的JS

关于修改图片的JS
现在是这样的一个图片鼠标经过产品的名称链接改变图片变成对应的产品的图片
这个怎么实现方便呢求指教
------解决方案--------------------
先把你的html结构代码贴出来
------解决方案--------------------

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

css就能搞定，不用js，除非你要兼容IE6

<style>

.product a img{display:none}

.product a:hover img{display:inline}

.product a:hover label{display:none}

</style>

<div class="product">

<a href="#"><label>产品1</label><img src="pro1.jpg" alt="img产品1" /></a><br/>

<a href="#"><label>产品2</label><img src="pro1.jpg" alt="img产品2" /></a><br/>

<a href="#"><label>产品3</label><img src="pro1.jpg" alt="img产品3" /></a>

</div>

------解决方案--------------------
绑定一个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>

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

引用:

Quote: 引用:

先把你的html结构代码贴出来



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

你这里不是弄好了，有什么问题

相关推荐