Dzwebs.Net

撰写电脑技术杂文十余年

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

Admin | 2015-7-27 10:12:52 | 被阅次数 | 4234

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

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

  一、网页图片对象

  <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();
    });   
  });


该杂文来自: 网页制作杂文

上一篇:Jquery实现div阴影

下一篇:支持html5的浏览器

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计