图片按比例自动伸缩效果代码

图片按比例自动伸缩效果代码

<script>
function resizepic(thispic)
{
if(thispic.width>570) thispic.width=570;
}
function bbimg(o)
{
  var zoom=parseInt(o.style.zoom, 10)||100;
  zoom+=event.wheelDelta/12;
  if (zoom>0) o.style.zoom=zoom+'%';
  return false;
}
function CheckComment(){
 fcm.submit();
 fcm.s.disabled=true;
}

</script>然后我们只要在图片上加上

<IMG onmousewheel="return bbimg(this)" alt="" src="http://www.111cn.net/banner/banner.gif" onload=resizepic(this) border=0>

时间： 2024-10-05 14:34:55

图片按比例自动伸缩效果代码的相关文章

JS控制图片等比例缩放的示例代码

 本篇文章主要是对JS控制图片等比例缩放的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 代码如下: <SCRIPT language="JavaScript"> function DrawImage(ImgD,FitWidth,FitHeight){        var image=new Image();        image.src=ImgD.src;        if(image.width>0 && image.he

JS实现不使用图片仿Windows右键菜单效果代码_javascript技巧

本文实例讲述了JS实现不使用图片仿Windows右键菜单效果代码.分享给大家供大家参考,具体如下: 这里演示JS不使用图片仿Windows右键菜单效果,这款代码灵活使用了文鼎字,配合CSS和JS做出了这个和系统右键菜单很相似的东东. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-windows-right-button-menu-codes/ 具体代码如下: <HTML> <HEAD> <TITLE>极酷的多级右

jQuery鼠标经过方形图片切换成圆边效果代码分享_jquery

这是一款基于jQuery鼠标经过方形图片切换成圆边特效代码,点击图片会弹出浮层,用户还可以自定义对应图片的标题与文字说明,适合图片页面的展示,是一款非常实用的图片特效源码. 运行效果图: --------------------------------效果演示 源码下载---------------------------------- 鼠标经过方形图片切换成圆边效果 点击图片会弹出浮层 为大家分享的jQuery鼠标经过方形图片切换成圆边效果代码如下 <head> <title>j

Android实现图片宽度100%ImageView宽度且高度按比例自动伸缩

在ListView中为了实现图片宽度100%适应ImageView容器宽度,让高度自动按比例伸缩功能,查了很多资料,搞了一下午都没找出个现成的办法,不过貌似有个结论了,就是: Android自身不能实现这样的效果,只有自己动手丰衣足食 ImageView 中有个 scaleType 属性,设置图片在 view 中的缩放方式,本来以为 fit_center 可以实现,结果很无语,莫名其妙,没能实现宽度贴合容器宽度,两侧都是空白区域. ImageView.ScaleType设置图解 解决方法: 1.

javascript实现图片等比例缩略效果

,如下:  代码如下 复制代码 <img src="liuhui.jpg" id="img">   <script type="text/javascript"> window.onload = function(){     var size = 600;     var obj = document.getElementById('img');     if (obj.width > obj .height) {

js实现Select列表内容自动滚动效果代码_javascript技巧

本文实例讲述了js实现Select列表内容自动滚动效果.分享给大家供大家参考.具体如下: 这里演示的Select列表内容自动滚动效果,文字可自动滚屏,当网页加载完毕后,Select中的内容会一个接一个向上滚动,当然,滚动的参数和速度是可以调节的.或许你会用得上. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-select-font-scroll-codes/ 具体代码如下: <html> <head> <title&g

yahoo首页伸缩效果代码_导航菜单

点击我看"伸缩效果" 爱在小说吧 脚本交流社区

CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]_经验交流

今天用了很久时间终于解决了这个问题,基本完美了,唯一不完美的就是 IE 6 只有在图片完全下载完成后才会自动调整大小,不过聊胜于无,总比进入页面后看到长长的横向滚动条舒服的多,这里使用了 expression,但是利用了一次加载,所以 expression 不会造成内存泄漏.当然,如果你有更好的解决方案,希望能与我交流. 代码如下: .Image { max-width:600px;height:auto;cursor:pointer; border:1px dashed #4E6973;pad

jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果_jquery

主要的变化点有:把'下一条'.'上一条'的click事件抽象到一个函数showNext中.添加setInterval,添加selector元素的hover事件.好了,我们一个个的看. showNext函数: 复制代码 代码如下: //显示函数 function showNext(flag) { //隐藏导航 $(config.selector).find('a').css('display', 'none'); //创建遮罩 $.tranzify.createOverlay(config); /