使用jquery 点击一div标签更换背景图片_框架

$("div#button1")click(function (){

$("#home")css("background-image", "url(images/abcjpg)");

});

function previewImage(file)

{

consolelog(file)

var MAXWIDTH = 260;

var MAXHEIGHT = 180;

var div = documentgetElementById('clipart11show');

if (filefiles && filefiles[0])

{

divinnerHTML ='<img id=imghead>';

var img = documentgetElementById('imghead');

imgonload = function(){

var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, imgoffsetWidth, imgoffsetHeight);

imgwidth = rectwidth;

imgheight = rectheight;

// imgstylemarginLeft = rectleft+'px';

imgstylemarginTop = recttop+'px';

}

var reader = new FileReader();

readeronload = function(evt){imgsrc = evttargetresult;}

readerreadAsDataURL(filefiles[0]);

}

else //兼容IE

{

var sFilter='filter:progid:DXImageTransformMicrosoftAlphaImageLoader(sizingMethod=scale,src="';

fileselect();

var src = documentselectioncreateRange()text;

divinnerHTML = '<img id=imghead>';

var img = documentgetElementById('imghead');

imgfiltersitem('DXImageTransformMicrosoftAlphaImageLoader')src = src;

var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, imgoffsetWidth, imgoffsetHeight);

status =('rect:'+recttop+','+rectleft+','+rectwidth+','+rectheight);

divinnerHTML = "<div id=divhead style='width:"+rectwidth+"px;height:"+rectheight+"px;margin-top:"+recttop+"px;"+sFilter+src+"\"'></div>";

}

别人的代码>

jquery改变CSS背景图修改方法

如果需要使用Jquery修改CSS网页背景样式。用户可以这样写$(‘p’)css({"background-image":"url(/images/msg_btngif"});

Jquery-CSS用法

css() 方法返回或设置匹配的元素的一个或多个样式属性。返回第一个匹配元素的 CSS 属性值。注释：当用于返回一个值时，不支持简写的 CSS 属性（比如 "background" 和 "border"）。

参考资料：

JQuery

css方法：

1、取得第一个段落的color样式属性的值。

$("p")css("color");

2、将所有段落的字体颜色设为红色并且背景为蓝色。

$("p")css({ color: "#ff0011", background: "blue" });<html>

<head>

<title>JQuery中如何获取样式属性的值</title>

<style>

top {

background: url(Tupianjpg) no-repeat;

width: 75px;

height: 90px;

}

</style>

$(function () {

var url = $("divtop")css("background-image");

alert(url);

})

</script>

</head>

<body>

</body>

</html>

css();方法

获取或设置样式

对以下html标签进行样式的获取和设置

css();方法设置参数，参数为要设置的样式名

可用驼峰命名也可用css命名方式。注意样式名需要加''

点击获取按钮，结果：

但是在IE浏览器里，用 consolelog($('#div1')css('border')); 可能会不显示或出现undefined。

在IE浏览器中,要获取边框这样的样式值,一定要记得给一个准确的边框值。例如：

consolelog($('#div1')css('Border-top-width'));//2px

获取包含了多个DOM元素的jQuery对象的样式,只能获取到第一个DOM对象的样式。例如：

consolelog($('div')css('width'));//200px

css(样式名,样式值);

设置的样式是行内样式

单样式里样式名必须在''里，宽高度单位px可不写，这时300可不加''，如果加px，则必须为'300px'

多样式里样式名可不加''。但是 background-color:'green' 这样写报错。

给多个div一起设置样式

隐式迭代,把每一个div都设置了同样的样式

以上就是关于使用jquery 点击一div标签更换背景图片全部的内容，包括:使用jquery 点击一div标签更换背景图片、求js或JQ代码，实现图片上传后在指定的div中以背景图显示、jquery如何改变css背景图等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/9454133.html

使用jquery 点击一div标签更换背景图片

发表评论

评论列表（0条）

使用jquery 点击一div标签 更换背景图片

发表评论

评论列表（0条）

使用jquery 点击一div标签更换背景图片