如何用js或jquery 使得点击右上角的箭头时可以变换下面的div(一共三个div) 切换div
展开全部
有几种实现方式,首先jQuary是最简单的
$(document).ready(function(){
$(选择器).onclick(function(){
$(目标div).html("写入内容");
//可以用请求加载内容
$(目标div).load("请求url",function(){
//写入回调函数
});
});
}
但是如果只是切换图片的话,其实不用这么麻烦,全部hide,然后一个一个show就好了……静态的话。
时间不够了…要其他方法就再追问吧……
希望有帮到你喵……
更多追问追答
追问
我想要实现的是 本来是新浪微博页面,当点击箭头后变成了腾讯微博(包括下面的内容一起变的),再点下变成 公司活动,就是三个页面可以不停的切换,这三个页面都是静态的,上面有几张图和几段文字,没后台。
追答
那就把三个页面的切换部分放到一起吧。(如果你不想页面刷新的话……如果刷新也没问题…,那就直接超链接吧)
<body>
<div></div>
<!--把重复的部分提到外面来-->
<div id="xinLang">
<!--想写什么写什么-->
</div>
<div id="tencent">
<!--想写什么写什么-->
</div>
<div id="company">
<!--想写什么写什么-->
</div>
</body>
于是用jQuary写一些简单的
$(document).ready(function(){
hideAll();
$("#xinLang").show();
var isShow = "#xinLang";//我承认我在偷懒……
$("#before").click(function(){
hideAll();
$(getBefore()).show();
});
$("#after").click(function(){
hideAll();
$(getAfter()).show();
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询