学习啦>学习电脑>电脑硬件知识>键盘鼠标>

css实现鼠标放到图片上慢慢变大

时间: 沈迪豪908 分享

  学习前端的同学你们知道怎么实现鼠标放到图片上慢慢变大的效果吗?不知道的话跟着学习啦小编一起来学习实现鼠标放到图片上慢慢变大的效果吧。

  实现鼠标放到图片上慢慢变大的效果的方法

学习啦在线学习网   <html>

学习啦在线学习网   <head>

  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

学习啦在线学习网   <title>网页特效观止|www.jscode.cn| --- 鼠标放到图片上慢慢变大,移开后图片又慢慢变小</title>

  </head>

  <body>

  <img id=MainImg onmouseover=max() onmouseout=min() src=http://www.jscode.cn/JsCode/images/flag.gif width="85" height="55">

  <script>

  var i=0

  //变大

学习啦在线学习网   function max(){

学习啦在线学习网   MImg=MainImg.style.pixelWidth+=i++

  MainImg.style.pixelHeight=MImg*aaa

学习啦在线学习网   if(i<20)setTimeout('max()',100)

  }

  //变小

  function min(){

  MImg=MainImg.style.pixelWidth-=i--

  MainImg.style.pixelHeight=MImg*aaa

  if(i>0)setTimeout('min()',100)

  }

学习啦在线学习网   function init(){

  aaa=MainImg.height/MainImg.width

  MainImg.style.pixelWidth=85

学习啦在线学习网   MainImg.style.pixelHeight=55

  }

  onload=init

学习啦在线学习网   </script></body>

学习啦在线学习网   </html>

学习啦在线学习网 css实现鼠标放到图片上慢慢变大相关文章:

1.css怎么设置鼠标变背景

2.css怎么设置鼠标沙漏形状

3.css怎么设置鼠标形状

4.CSS怎么控制鼠标形状

5.css怎么改变鼠标样式

6.js实现鼠标移到图片显示文字

css实现鼠标放到图片上慢慢变大

学习前端的同学你们知道怎么实现鼠标放到图片上慢慢变大的效果吗?不知道的话跟着学习啦小编一起来学习实现鼠标放到图片上慢慢变大的效果吧。 实现鼠标放到图片上慢慢变大的效果的方法 html head meta http-equiv=Content-Type content=t
推荐度:
点击下载文档文档为doc格式

精选文章

  • Ctrl键加鼠标滚轮调整字体尺寸的方法
    Ctrl键加鼠标滚轮调整字体尺寸的方法

    爱学习的小伙伴们,你们知道怎么使用Ctrl键加鼠标滚轮调整字体尺寸的方法吗?跟着学习啦小编一起学习使用Ctrl键加鼠标滚轮调整字体尺寸吧。 使用Ctrl键

  • Win7系统调整鼠标光标的方法
    Win7系统调整鼠标光标的方法

    学习啦在线学习网喜欢玩电脑的你们,知道Win7系统如何调整鼠标光标吗?下面是学习啦小编收集整理关于Win7系统如何调整鼠标光标的资料以供大家参考学习,希望大家喜欢

  • jst实现鼠标拖动选择功能
    jst实现鼠标拖动选择功能

    学习啦在线学习网学习前端的同学你们知道怎么用JavaScript简单实现鼠标拖动选择功能吗?不知道的话跟着学习啦小编一起来学习用JavaScript简单实现鼠标拖动选择功能。 JavaS

  • 在word中实现用鼠标如何快速选择文本
    在word中实现用鼠标如何快速选择文本

    对于刚刚接触电脑的小伙伴么你们知道Word如何用鼠标快速选择文本吗?下面由学习啦小编教大家怎么在word中实现用鼠标快速选择文本。 在word中实现用鼠标

1952242