有一个 DIV 有三个按钮。 点不同的按钮 DIV 背景图不一样。怎么做到?
3个回答
展开全部
可以用js控制,点击不同的按钮,div的背景不同,不知道是不是你所需要的,如下:
$(function(){
$("#btn1").click(function(){
$("#div").css ("background","url../img/img1.png)");
});
$("#btn2").click(function(){
$("#div").css ("background","url../img/img2.png)");
});
$("#btn3").click(function(){
$("#div").css ("background","url../img/img3.png)");
});
})
$(function(){
$("#btn1").click(function(){
$("#div").css ("background","url../img/img1.png)");
});
$("#btn2").click(function(){
$("#div").css ("background","url../img/img2.png)");
});
$("#btn3").click(function(){
$("#div").css ("background","url../img/img3.png)");
});
})
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
不用jQuery:
html代码:
<div id="bgimginit" style="border:solid 1px #000; width:500px; padding:5px 5px;">
<input type="button" id="button1" value="应用背景图1" onclick="resetbgimg(0)" />
<input type="button" id="button2" value="应用背景图2" onclick="resetbgimg(1)" />
<input type="button" id="button3" value="应用背景图3" onclick="resetbgimg(2)" />
</div>
javascript函数:
<script type="javascript/text">
//定义一个数组用来装载背景图片的路径信息
var mycars=new Array("img/bgimg1.jpg","img/bgimg2.jpg","img/bgimg3.jpg")
//定义更换DIV 背景图的函数
function resetbgimg(imgindex)
{
//通过id获取要操作的div对象
var mydiv=document.getElementById("bgimginit");
mydiv.style.backgroundImage=bgimgarr[imgindex];//重写div对象的css背景图片属性
}
</script>
未经测试,仅供参考!呵呵
html代码:
<div id="bgimginit" style="border:solid 1px #000; width:500px; padding:5px 5px;">
<input type="button" id="button1" value="应用背景图1" onclick="resetbgimg(0)" />
<input type="button" id="button2" value="应用背景图2" onclick="resetbgimg(1)" />
<input type="button" id="button3" value="应用背景图3" onclick="resetbgimg(2)" />
</div>
javascript函数:
<script type="javascript/text">
//定义一个数组用来装载背景图片的路径信息
var mycars=new Array("img/bgimg1.jpg","img/bgimg2.jpg","img/bgimg3.jpg")
//定义更换DIV 背景图的函数
function resetbgimg(imgindex)
{
//通过id获取要操作的div对象
var mydiv=document.getElementById("bgimginit");
mydiv.style.backgroundImage=bgimgarr[imgindex];//重写div对象的css背景图片属性
}
</script>
未经测试,仅供参考!呵呵
追问
哥。 能不能写得asp.net 的按扭事件。 我不想JS
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
补充楼上的,用的是jQuery ,如果楼主要用记得在文件中插入jQuery 文件
追问
就是不用要 JQUERY 普通的.net 按钮事件就行
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询