日期:2014-05-16  浏览次数:20658 次

大神们 谁知道怎么设置 鼠标停留时 图片放大这个事件啊
我做了一个类似于windows8系统界面的 然后向写一个 当鼠标移到图片上自动放大 鼠标离开后 变回去的效果
,在网上中了教程 不过,没怎么看懂说是要添加一个事件,就是这个网址http://jingyan.baidu.com/article/ae97a646894b8dbbfd461dfd.html
不过我就一直没有找到+这个按钮 , 所以就一直 没做出来 ,求大神指导啊  

------解决方案--------------------
给图片加mouseover 和mouseout事件  试试
------解决方案--------------------

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
        <script src="Scripts/jquery-1.7.1.min.js"></script>
</head>
<body>
    <div>
    <img id="pic" src="sample.jpg" width="500" height="400" />
    </div>
        <script>
            $("#pic").mouseover(function () {
                $(this).width(600);
                $(this).height(500);
            }).mouseout(function () {
                $(this).width(500);
                $(this).height(400);
            });
        </script>
</body>
</html>


------解决方案--------------------
引用:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
        <script src="Scripts/jquery-1.7.1.min.js"></script>
</head>
<body>
    <div>
    <img id="pic" src="sample.jpg" width="500" height="400" />
    </div>
        <script>
            $("#pic").mouseover(function () {
                $(this).width(600);
                $(this).height(500);
            }).mouseout(function () {
                $(this).width(500);
                $(this).height(400);