关于jquerylion的信息

jQuery如何获取和计算对象的长度

var content = $(‘div’).width();

//只是获取content宽度

var contentWithPadding = $('div').innerWidth();

//获取content+padding的宽度

var withoutMargin = $(‘div’).outerWidth();

//获取content+padding+border的宽度

var full = $('div').outerWidth(true);

//获取content+padding+border+margin的宽度

相关问答

Q1: 求一款jQuery或js多图上传插件

你好,你的问题其实包含三个方面。

一个是前端异步上传还是同步上传，关于异步上传，方案有很多种，ajax或者iframe。这类插件也很多，如Uploadify,但一般比较大，个人觉得有点杀鸡用牛刀的感觉,给你推荐一款笔者自己写的的插件,jquery.attach.js,本身才3kb不到,支持zip/rar/mp4/mp4/png/jpg/bmp等。下载地址

另一个是多图上传，多图可以上传本质上是多个单图上传问题，像这种，kindeditor 的多图上传插件，百度的uedit 多图上传插件，都可以解决问题，swfupload也可以。

最后是后端处理程序，如果你是thinkphp 写的，可以用thinkphp 的upload 包。

希望对你有帮助

Q2: 求html鼠标停在图片上出现大图的实例

style

#demo{overflow:hidden;width:120px;text-align:center;padding:10px;}

#demo img{border:none;width:100px;height:100px;border:5px solid #f4f4f4}

#enlarge_images{position:absolute;display:none;z-index:2;border:5px solid #f4f4f4}

/style

div id="demo" style="overflow:hidden;width:120px;text-align:center;padding:10px"

img src=""

/div

div id="enlarge_images"/div

script

var demo = document.getElementById("demo");

var gg = demo.getElementsByTagName("img");

var ei = document.getElementById("enlarge_images");

for(i=0; igg.length; i++){

var ts = gg[i];

ts.onmousemove = function(event){

event = event || window.event;

ei.style.display = "block";

ei.innerHTML = 'img src="' + this.src + '" /';

ei.style.top = document.body.scrollTop + event.clientY + 10 + "px";

ei.style.left = document.body.scrollLeft + event.clientX + 10 + "px";

}

ts.onmouseout = function(){

ei.innerHTML = "";

ei.style.display = "none";

}

ts.onclick = function(){

window.open( this.src );

}

}

/script

Q3: 我需要一个移动端横屏滑动效果，不是轮播，请看下面补充里的网站，一模一样。200分！！！

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

titlejQuery带左右按钮及水平滚动拖动条的图片效果-前端开发/title

script type="text/javascript" src=""/script

link href="main.css" rel="stylesheet" type="text/css" /

/head

body

div id="zsgun"

a href="#" class="prenext zspre"/a

a href="#" class="prenext zsnext"/a

div id="gundiv" class="container2"

ul

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

lia href="#"img src="" alt="大白菜" width="153" height="153"//apa href="#"大白菜/a/p/li

/ul

/div

/div

script type="text/javascript" src="images/hScrollPane.js"/script

script type="text/javascript"

$(function() {

var glen = $("#gundiv ul li").length;

$("#gundiv ul").css("width",172 * (glen));

$("#gundiv li").hover(function(){$("#gundiv li").removeClass("zslion");$(this).addClass("zslion");},function(){$(this).removeClass("zslion");})

});

$("#zsgun").hScrollPane({

mover:"ul",

moverW:function(){return $("#zsgun li").length*172-17;}(),

showArrow:true,

handleCssAlter:"draghandlealter"

});

/script

!--下面只是说明与程序代码无关--

h1 style="font-size:20px; text-align:center; padding:20px 0;"jQuery带左右按钮及水平滚动拖动条的图片效果/h1

div style="text-align:center; line-height:25px; padding-top:10px;"

/div

/body

/html

JS和CSS的代码，需要你根据其地址进行下载！如有问题可以私信我！