$("#divId").attr("style","background:url('/kc/system/images/top.png') no-repeatwidth:100%height:128px")
body {background:url(bg.jpg) top center no-repeatbackground-size:cover}这样的话背景图片就会填充整个屏幕了不过要说明的是,这是一个CSS3的属性,在很多浏览器里面都是不被支持的,你所希望的效果,目前来看,只有这个属性可以做到,否则就只能用一个足够大的图片做背景的方法来实现了。另外 background-size:cover还可以替换成 background-size:contain使用cover的意思是把背景图片充满整个容器,而不考虑是不是可以看到完整的图片;使用contain的意思是在容器里完整显示图片,而不考虑容器是否被填满。用jquery插件fancybox,绝对好用。http://fancyapps.com/fancybox/
或者使用下面这段我自己写的
$("#rightSlide").click(function(){
var width = $("#photoDiv").width()//计算当前放图片的DIV能放几张图片,我的图片宽度是200
var mod = parseInt(width/200)
var maxMod = mod*(clickCount+1)//计算需要滚动到哪一张
if(psize>maxMod){//psize是所有照片的数量
clickCount = clickCount+1
$(".picdiv").each(function(){//对所有存放图片的DIV循环
if($(this).index()<maxMod){
$(this).animate({width:'0px'},"slow")//利用JQUERY的animate方法实现滑动效果
}
})
}
})
$("#leftSlide").click(function(){
if(clickCount>0){
var width = $("#photoDiv").width()
var mod = parseInt(width/200)
clickCount = clickCount-1
var minMod = mod*clickCount
var maxMod = mod*(clickCount+1)
$(".picdiv").each(function(){
if($(this).index()<maxMod&&$(this).index()>=minMod){
$(this).animate({width:'200px'},"slow")
}
})
$("#rightTd").removeClass("rightnoclick").addClass("rightclick")
if(clickCount==0){
$("#leftTd").removeClass("leftclick").addClass("leftnoclick")
}
}
})