添加到QQ书签 | 设为首页 | 加入收藏 | 繁體中文 | 网站地图
 | 网站首页 | QQ空间大图 | QQ空间FLASH模块 | QQ闪字表情 | QQ系列 | QQ下载 | 博客系列 | 完美图片 | 游戏秘籍 | 基础教程 | 
 | 精美字体 | 精品娃娃 | 个性签名 | 动感图片 | 制作素材 | 边框线条 | 视频·搞笑图片 | 基础知识 | 网页设计 | 
推 荐 阅 读
  • 没有推荐文章
  • 阅 读 排 行
    ·网页鼠标特效:在鼠标后面…
    ·在文本框默认自动输入当前…
    ·网页图片特效:图片动态水…
    ·网页鼠标特效:黑暗火光
    ·CSS基础知识:样式表CSS中…
    ·PHP源代码:图片加入文字…
    ·PHP源代码:Email图片生成
    ·CSS解决图片下有空隙
    ·纯CSS制作的网页中的ligh…
    ·网页图片鼠标动作特效:图…
    ·在线处理示意等待的AJAX动…
    ·11个图片上传加水印PHP源…
    ·CSS实现排版段落前面空两…
    ·网页时间特效:漂亮的脚本…
    ·PHP源代码:在图片上添加…
    ·DIV和CSS排版中制作细线条…
    ·CSS样式表参考:常用的CS…
    ·CSS优化:网页技术CSS的f…
    ·网页相册图片特效:矩阵鼠…
    ·PHP创建文字图片源码
     
    [图文]网页图片特效:图片无级缩放 【字体:
     您现在的位置: QQ宝页站 >> 网页设计 >> 常用特效代码 >> 正文 添加到百度搜藏 添加到QQ书签
     作者:佚名    文章来源:收录    点击数:    更新时间:2008-10-7  

    在<head></head>加入以下代码
    <script language="JavaScript" type="text/JavaScript">
    //改变图片大小
    function resizepic(thispic)
    {
    if(thispic.width>700){thispic.height=thispic.height*700/thispic.width;thispic.width=700;}
    }
    //无级缩放图片大小
    function bbimg(o)
    {
      var zoom=parseInt(o.style.zoom, 10)||100;
      zoom+=event.wheelDelta/12;
      if (zoom>0) o.style.zoom=zoom+'%';
      return false;
    }
    //双击鼠标滚动屏幕的代码
    var currentpos,timer;
    function initialize()
    {
    timer=setInterval ("scrollwindow ()",30);
    }
    function sc()
    {
    clearInterval(timer);
    }
    function scrollwindow()
    {
    currentpos=document.body.scrollTop;
    window.scroll(0,++currentpos);
    if (currentpos !=document.body.scrollTop)
    sc();
    }
    document.onmousedown=sc
    document.ondblclick=initialize
    </script>

    对图片进行动作代码:
    <IMG onmousewheel="return bbimg(this)"  hspace=0 src="图片地址" width=510 onload=resizepic(this) border=0>


    Google
     
    文章录入:丹峰    责任编辑:丹峰 
  • 上一篇文章:

  • 下一篇文章:
  •  
    设为首页 / 加入收藏 / 联系站长 / 友情链接 / 本站动态 / 用户留言 / 版权申明
    QQ宝页站 www.QQBye.com 信息备案:粤ICP备06124483号