如何用js或jquery 使得点击右上角的箭头时可以变换下面的div(一共三个div) 切换div

 我来答
jackiexcy
推荐于2017-12-16 · TA获得超过294个赞
知道小有建树答主
回答量:193
采纳率:42%
帮助的人:87万
展开全部

有几种实现方式,首先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();
   });
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式