代码如下:jQuery(".fullSlide").hover(function() { jQuery(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)},function() { jQuery(this).find(".prev,.next").fadeOut()});jQuery(".fullSlide").slide({ titCell: ".hd ul", mainCell: ".bd ul", effect: "fold", autoPlay: true, autoPage: true, trigger: "click", startFun: function(i) { var curLi = jQuery(".fullSlide...
我加了css的限制: 代码如下:div img {}{max-width:600px;width:600px;width:expression(document.body.clientWidth>600?"600px":"auto");overflow:hidden;}◎ max-width:600px; 在IE7、FF等其他非IE浏览器下最大宽度为600px。但在IE6中无效。 ◎ width:600px; 在所有浏览器中图片的大小为600px; ◎ 当图片大小大于600px,自动缩小为600px。在IE6中有效。 ◎ overflow:hidden; 超出的部分隐藏,避免控制图片大小失败而引起的...
JS获取图片实际宽高,以及根据图片大小进行自适应 代码如下: 代码如下: function adapt(){ var tableWidth = $("#imgTable").width(); //表格宽度 var img = new Image(); img.src =$(#imgs).attr("src") ; var imgWidth = img.width; //图片实际宽度 if(imgWidth<tableWidth){ $(#imgs).attr("style","width: auto"); }else{ $(#imgs).attr("style","width: 100%"); } } 另可设置CSS样式: 代码如下: img{ max-width:100%;...
如何在固定大小的div中放置一个图片,当图片较小时显示实际大小,当图片超过div 大小时图片 自动适应div 的大小 实现过程的主要代码: 代码如下: .divImg{ max-height:200px; max-width:200px; width: expression(this.width > 200 && this.width > this.height ? 200 : auto); height: expression(this.height > 200 ? 200 : auto); } 实例: 代码如下: 实现图片加载自适应 function clickMe(){ var url="../Images/1.j...
在页面上使用iframe来动态加载页面内容是网页开发中比较常见的方法。在父页面中给定一个不带滚动条的iframe,然后对属性src指定一个可加载的页面,这样当父页面被访问的时候,子页面可以被自动加载。iframe的高度需要根据子页面的实际高度来进行调整。如果iframe的高度小于子页面的实际高度,超出的部分无法显示;相反,如果iframe的高度过高,则页面上会出现大量的空白区域。我们可以通过属性或者CSS来设置iframe的高度,当不确定...
如何在固定大小的div中放置一个图片,当图片较小时显示实际大小,当图片超过div 大小时图片 自动适应div 的大小 jquery图片自适应大小实现过程的主要代码: 代码如下: 代码如下: .divImg{ max-height:200px; max-width:200px; width: expression(this.width > 200 && this.width > this.height ? 200 : auto); height: expression(this.height > 200 ? 200 : auto); } 实例: 代码如下: 代码如下: 实现图片加载自适应 func...
在布局页面时,有时会遇到大图片将页面容器“撑破”的情况,尤其是加载外链图片(通常是通过采集的外站的图片)。那么本文将为您讲述使用jQuery如何按比例缩放大图片,让大图片自适应页面布局。 通常我们处理缩略图是使用后台代码(PHP、.net、Java等)根据大图片生成一定尺寸的缩略图,来供前台页面调用,当然也有使用前台javascript脚本将加载后的大图强行缩放,变成所谓的缩略图,这种方法不可取。但是,针对网站内容页,如本站...
直接看代码吧,很简单,也很实用。 代码如下:autoresizing textareatextarea { border: 0 none white; overflow: hidden; padding: 0; outline: none; background-color: #D0D0D0; resize: none;}var observe;if (window.attachEvent) { observe = function (element, event, handler) { element.attachEvent('on'+event, handler); };}else { observe = function (element, event, handler) { ...
当div是浮动的时候浏览器窗口发生变化的时候不能居中显示(因为浮动的时候一般设定的有left或者right值) 可以先用jquery获取外围的div随浏览器变化而变化的宽度(加上监听事件) 之后再获取div的宽度 例如: 代码如下:function autoWidth(){var bW = $(".call_man").width();//外围的div var popWidth = (bW-150)/2 //(150是div的宽度) $(".rts").css("left",popWidth); //把取得值赋给div 就是div距离左侧的距离 } ...
第一种: jqGrid随窗口大小变化自适应宽度 代码如下:$(function(){ $(window).resize(function(){ $("#listId").setGridWidth($(window).width()); }); }); 第二种: 代码如下:window.onresize = function _doResize() { var ss = pageSize(); $("#listId").jqGrid(setGridWidth, ss.WinW-10).jqGrid(setGridHeight, ss.WinH-200); } function pageSize() { var winW, winH; if(win...
兼容主流浏览器的 Iframe 自适应高度,js脚本如下: 代码如下: //iframe 高度自适应 function iframeAutoFit(iframeObj) { setTimeout(function () { if (!iframeObj) return; iframeObj.height = (iframeObj.Document ? iframeObj.Document.body.scrollHeight : iframeObj.contentDocument.body.offsetHeight); }, 200); } 调用方法: 代码如下: <iframe id="HQRight" name="HQRight" onload="javascript:iframeAutoFit(this)...
用户上传照片,照片的尺寸未知;需要生成一个预览,这个预览图要根据提供给用户预览的区域自应用,并且居中;如果图片太大,需要按比例缩放。如下图。瞄了一下,居中可以用 text-align:center; 来实现。而按比例缩放,利用预设 的 width 、height 属性解决不了。因为用户图片可能是很长的,也可能是很宽的。在线上想了一下他们的关系,按条件来判断是这样的: if(实际宽度 > 预览最大宽度) { 缩放宽度 = 预览最大宽度} if(实际...
代码如下: window.onload=function() { parent.document.all("iframe1").style.height = document.body.scrollHeight; parent.document.all("iframe1").style.width = document.body.scrollWidth; } //
iframe自适应高度本身是很简单的方法,就是在页面加载完成后,重新计算一下高度即可。 代码如下: 代码如下://公共方法:设置iframe的高度以保证全部显示数据//function SetPageHeight() {// var iframe = getUrlParam(ifname);// var myiframe = window.parent.document.getElementById(iframe);// iframeLoaded(myiframe);//}var iframeLoaded = function (iframe) { if (iframe.src.length > 0) { if (!ifr...
iframe代码,注意要写ID 代码如下:jquery代码一:代码如下://注意:下面的代码是放在test.html调用 $(window.parent.document).find("#main").load(function(){ var main = $(window.parent.document).find("#main"); var thisheight = $(document).height()+30; main.height(thisheight); });jquery代码二: 代码如下://注意:下面的代码是放在和iframe同一个页面调用 $("#main").load(function(){ var mainheight = $(this).cont...