六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

jquery实现鼠标经过图片就放大

Admin | 2015-7-27 10:12:52 | ReadNums | 1637 | 标签 网页制作 | 打印本页
     

  下面的代码功能作用是:当鼠标经过时,不管是移动到哪张图片的上面,该图片就会放大,这个放大指的是放大到该图片的原始尺寸。

  一、网页图片对象

  <img id="MyImg1" src="Logo.gif" width="67" height="42" />

  <img id="MyImg2" src="Logo123.gif" width="196" height="88" />

  二、jquery功能代码如下

  $(document).ready(function(){
    $("img").mouseover(function()
    {
       this.title = "";
       var imgTitle = this.myTitle ? "<br />" + this.myTitle + " 原始图片" : "";
       var tooltip = "<div id='tooltip'><img src='" + this.href + "' alt='图片说明'/>" + imgTitle + "</div>";
       $("body").append(tooltip);
    });
    $("img").mouseout(function(){
       $("#tooltip").remove();
    });   
  });


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日