有时候网页需要这样的简单效果,那就是当鼠标滑过默认图片的时候,能够实现图片的切换,可能在实际应用中,往往没有这么简单,不过大家可以自行扩展一下,下面简单介绍一下次效果。
html静态代码如下:
   [ jQuery ] 运行代码    下载代码
<script>
<body> 
<img src="images/mayi.jpg" /> 
</body>
</script>
jquery切换代码:
   [ jQuery ] 运行代码    下载代码
<script>
$(document).ready(function(){ 
  var newImage=new Image();
  var oldImage=$('img').attr('src'); 
  newImage.src='images/new.jpg'; 
  $('img').hover(function(){ 
    $('img').attr('src',newImage.src); 
  }, 
  function(){ 
    $('img').attr('src',oldImage); 
  })
})
</script>

代码描述:jQuery鼠标滑过 切换图片。jQuery鼠标滑过切换图片简单介绍



132 176



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到