Question

javascript函数调用内部css样式

我用CSS把一张图片分成了很多小图片，现在我想用javascript函数调用这些图片，我希望实现的是只要我赋值不同，页面上就可以显示不同的图片，显示一张就可以。求高手指教，急！！！帮我解决问题，会有悬赏分

Answer 1

你是不是有多个css样式定义显示不同的图片，比方说css类名为
css1表示图片1，css2表示图片2...等等。那么js可写作：
document.getElementId("aaaaa").className='css1'; //这里假设显示图片的元素ID为aaaaa，换图片时，把css1改为css2就可以了。

追问

我试了一下，还是不显示图片，元素ID不知道我应该输入什么。如果可以，能帮我看一下我的CSS代码不？

追答

元素id就是你的图片是在哪个html标签中显示的，设置一下这个标签的id，如在一个Div标签中显示，则<div id='aaaaa' 后面的我不写了。
你可以打html与css通过百度Hi给我。

Answer 2

如果不用jqeury,就用普通的javascript，举例，图片代码为<img src="图片路径" id='imgId'/>
那js换图片的代码就是
document.getElementById("imgId").src = '新的图片路径';
怎么触发，就由你发挥了

追问

还想问一下，我那些所有的小图片都在一张大图片上，就是图片定位，我想调用定位的图片。我定位用的是类别选择符，id值不是没有吗。还是说我应该都改成id选择符啊。我是才学的javascript，希望能详细一点

追答

什么选择符都一样嘛，只要能定位这个图，然后改变它的src就可以了。

Answer 3

html页面放一个img标签用于显示图片，可以动态对img标签src赋值。如：

var img=document.getElementById('ele');
img.srr="images/1.png";

页面可以放一个按钮用于切换图片，点一次按钮就执行上面代码，对img赋值。

Answer 4

css url("ppppp.png") no-repeat scroll left 30px transparent
定位好你的图片位置 改变 30px 数字就行了

追问

图片定位已经做好了，现在我想要用javascript函数来调用定位好的图片

追答

css
background:url("xxxxxxx.png") no-repeat scroll left 30px transparent

jquery
var position=新的定位
$('id').css('background:url("xxxxxxx.png") no-repeat scroll left '+position+'px transparent');

Answer 5

可以使用jquery :
$("#id").css("margin-left","20px");