含有JS文件的壁纸如何设置

JavaScript013

含有JS文件的壁纸如何设置,第1张

在div中设置一个id,通过jquery获取id,如下

$("#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")

}

}

})