图片自动缩小的js代码,用以防止图片撑破页面

图片自动缩小的js代码,用以防止图片撑破页面的相关文章

• 
  解决未知尺寸的图片撑破页面的问题

  标签：Web开发

  保证原图片长高比例,且不超过最大高度或宽度 function initimg(parpic,maxwidth,maxheight) { var scale=maxwidth/maxheight; var realscale=parpic.width/parpic.height; if((parpic.widthmaxwidth)||(parpic.heightmaxheight)) { if(realscalescale) { parpic.width=maxwidth; } else { parpic.height=maxheight; } } } 调用方法: 图片中加onload事件如下: img name="carpic" onload="init...[ 查看全文 ]

  逢妞必泡鲁N

  81
• 
  js jquery做的图片连续滚动代码

  标签：Web开发

  核心代码如下，大家可以参考 代码如下： script src="/js/jquery.js"/script  script  $(document).ready(function(){         $(".bannerbutton li").each(                       function(){    &nb...[ 查看全文 ]

  xu太萌

  231
• 
  清空代码防止查看源代码的js代码

  标签：Web开发

  这招算是目前网上公布的防止查看源代码的方法中最好的了，当然了，要看还是办法的，比如在地址栏中输入"javascript:alert(document.documentElement.outerHTML);"。 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][ 查看全文 ]

  你好亲亲55

  191
• 
  特漂亮的JS图片排列旋转效果代码

  标签：Web开发

  了下代码,感觉用数组模拟有些僵硬,自己重新写了一个,请大家来pp! body{background:black} .point{position:absolute;height:75px;border:1px silver solid} #round{position:absolute;background:red;width:200px;height:200px;} var r=200,dv=0.01,w=100,x=400;y=100,pn=8 var pi=3.1415926575,d=pi/2; var pd=Math.asin(w/2/r);ed=pi*2/pn;smove=true function window.onload(){ var o=document.get...[ 查看全文 ]

  草千里_

  311
• 
  AJAX防止页面缓存的代码

  标签：Web开发

  采用AJAX技术的时候 通常我们无刷新页面提交数据后 用同样的url去获取数据的时候会发现是以前的数据~那样就给client端带来假象了~~ 采用以下的方法可以取消缓存  htm网页  metahttp-equiv="pragma"content="no-cache"  metahttp-equiv="cache-control"content="no-cache,must-revalidate"  metahttp-equiv="expires"content="wed,26feb199708:21:57gmt"  或者me...[ 查看全文 ]

  Joker孙泽

  31
• 
  将HTML自动转为JS代码

  标签：Web开发

  script function toScript(val) {  var value = val.value  value  = value.replace(/\\/gi,"\\\\").replace(/"/gi,"\\\"").replace(/'/gi,"\\\'")  valArr = value.split("\r\n")  value=""  for (i=0; ivalArr.length; i++)  {   value += (i==0) ? "info =" : ""   value += "  \"" + valArr[i]   value += (i!=valArr.length-1) ? "\" +\"\\n\"+...[ 查看全文 ]

  free冰雪芙蓉

  01
• 
  显示页面的所有链接的js代码

  标签：Web开发

  显示页面的所有链接 连接1 连接1 连接1 连接1 连接1 连接1 连接1 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][ 查看全文 ]

  泡泡1980

  41
• 
  图片放大缩小移动类

  标签：flash教程

  -图片放大缩小移动类： -----------------------class------------------------- class ZoomOpenMove {    private var obj:MovieClip;    private var pos_scale:Number;    private var x_speed:Number;    private var y_speed:Number;    private var scale_speed:Number;    private var scale_step:Number...[ 查看全文 ]

  villalong10

  261
• 
  图片跟随的代码

  标签：Web开发

  位置不变位置不变 [ 查看全文 ]

  希希宝贝2011

  61
• 
  JavaScript打开页面后自动随机跳转页面代码

  标签：Web开发

  html head meta http-equiv="Content-Type" content="text/html; charset=gb2312" titlewww.joyrssmail.com/title script language=javascript function randompage(){ var randomindex=Math.floor(Math.random()*3)+1;//如果你有四个页面就把3改成4，如果有5个，就把3改成5 top.location.replace('index'+randomindex+'.htm'); } randompage() /script /head body onload="randompage()" /b...[ 查看全文 ]

  晓可晓乐

  3251
• 
  利用CSS同比例缩小图片

  标签：Web开发

   当然，生成缩略图这个工作如果交给程序来完成，效果会好很多，但是有时出于某种因素，例如服务器不支持GD之类的，难免就要请CSS代劳。     把一副大图片按比例缩小到某个尺寸，对于现代浏览器，直接使用max-width和max-height两条CSS属性即可。     对于IE 6.0及以下版本，以上两条CSS属性均不会被理会。之前处理这种事情，我们往往会借助Javascript，然后为图片加上o...[ 查看全文 ]

  色V信搜nds629

  61
• 
  判断页面是关闭还是刷新的js代码

  标签：Web开发

  body标签只有onload\onunload\onbeforeunload事件，而没有onclose事件。不管页面是关闭还是刷新都会执行onunload事件。如何捕捉到页面关闭呢？      页面加载时只执行onload     页面关闭时只执行onunload     页面刷新时先执行onbeforeunload，然后onunload，最后onload。这样我们可以在onbeforeunload中加一个标记，在onunload中判断...[ 查看全文 ]

  不能回头的青春

  941
• 
  利用CSS按比例缩小图片

  标签：Web开发

  当然，生成缩略图这个工作如果交给程序来完成，效果会好很多，但是有时出于某种因素，例如服务器不支持GD之类的，难免就要请CSS代劳。 把一副大图片按比例缩小到某个尺寸，对于现代浏览器，直接使用max-width和max-height两条CSS属性即可。 对于IE 6.0及以下版本，以上两条CSS属性均不会被理会。之前处理这种事情，我们往往会借助Javascript，然后为图片加上onload事件。例如： imgsrc="..."alt="..."onlo...[ 查看全文 ]

  福美工艺室

  71
• 
  JS图片压缩–图片后加载后按比例缩放

  标签：Web开发

  原理：图片加载完后把图片的尺寸固定在一个固定的范围之内。。 JS Code： script type="text/javascript" var proMaxHeight=100; var proMaxWidth=100; function ImgAuto(ImgD) { var image=new Image(); image.src=ImgD.src; image.onload = function(){ if(image.width0&&image.height0) { var rate=(proMaxWidth/image.widthproMaxHeight/image.height)？proMaxWidth/image.width:proMaxHeig...[ 查看全文 ]

  okscvdsv

  381
• 
  用js实现的页面关键字密度查询代码

  标签：Web开发

  关键字密度查询工具我在网上找了很久，还是没找到一个合适的关键字密度查询工具，为什么呢？因为我的站是utf-8编码的，而网上提供的大部分是GB2312的。还是继续找关键字密度查询工具，结果找到一个，不过不是通过输入网址的，而是自己要把代码拷过去的。这样的关键字密度查询工具虽然用起来不是很方面，但我一时也没找到比较好的关键字密度查询工具。如果你找到了，一定要联系我。要求：只要你找的关键字密度...[ 查看全文 ]

  xiaobin040

  291
• 
  纯js无flash仿搜狐女人频道FLASH图片切换效果代码

  标签：Web开发

  前2个星期看到一位朋友说如何用JS实现http://women.sohu.com/这个页中FLASH图片切换效果，这两天有空，做了一个，大家评评： www.jb51.net 脚本之家 JS图片切换 :: * { margin:0; padding:0; } body { margin:0; color:#88c; background:#333; } img { margin:0; padding:0; border:0; } #js_F { position:relative; top:10px; left:10px; overflow:hidden; width:395px; height:185p...[ 查看全文 ]

  金星人女人

  111
• 
  用js获取点击图片的值!

  标签：Web开发

  今天写的，项目要求的控制取值的代码，放上来让大家轻拍一下。 需求：图片可以多选，单独提取第一次选取图片的值、提取用户选择的所有图片的值并保存。 那位高手有更好的方法，请留下脚印，谢谢！^-^ [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][ 查看全文 ]

  乔品杰天秤座

  291
• 
  图片自动更新(说明)

  标签：Web开发

  这是个“懒人”用的办法，你没有时间更新主页，却又不能让三个月前的更新还标着"new"，那么用这个js可以帮你的大忙！ 这个图片将在2000年1月1日自动消失。 copy下面的代码到你的html文件的body和/body之间: 代码如下： script !--  var imagetag='img src="news.gif" alt="1"' var today=new Date() function expireat(expiredate){ var expire=n...[ 查看全文 ]

  ☆鹏管管☆a90

  01
• 
  符合Web标准!CSS同比例缩小图片

  标签：Web开发

  当然，生成缩略图这个工作如果交给程序来完成，效果会好很多，但是有时出于某种因素，例如服务器不支持GD之类的，难免就要请CSS代劳。 把一副大图片按比例缩小到某个尺寸，对于现代浏览器，直接使用max-width和max-height两条CSS属性即可。   对于IE 6.0及以下版本，以上两条CSS属性均不会被理会。之前处理这种事情，我们往往会借助Javascript，然后为图片加上onload事件。例如： Examp...[ 查看全文 ]

  爱上暗示as

  361
• 
  Android裁剪图片为圆形图片的实现原理与代码

  标签：编程语言 网络编程

  以前在eoe论坛中找过裁剪图片为圆形图片的方法，但是效果都不是很理想，这几天因为公司业务的要求，需要对头像进行裁剪以圆形的方式显示，这个方法是根据传入的图片的高度（height）和宽度（width）决定的，如果是 width = height时，则会裁剪高度，裁剪的区域是宽度不变高度从顶部到宽度width的长度；如果 width height，则会裁剪宽度，裁剪的区域是高度不变，宽度是取的图片宽度的中心区域，不过不同的业务...[ 查看全文 ]

  淘气D孩子

  31