hover与toggle合成事件

来源:互联网 发布:php.ini在哪 编辑:程序博客网 时间:2024/05/16 13:48
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>hover与toggle合成事件</title><script type="text/javascript" src="../js/jquery-1.11.1.js"></script><script type="text/javascript">  $(function(){//获取图片的宽度var width = $("img:eq(0)").width();console.log(typeof(width));//number类型$("img:eq(0)").hover(  function(){$(this).width(300).height(300);    },  function(){    $(this).width(width).height(width);    });    });    $(function(){$("button:eq(0)").click(function(){  $("img:eq(0)").toggle();//显示与影藏});  });</script></head><body>  <p><button>按钮</button></p>  <img src="../images/02.jpg" /></body></html>

0 0