首頁  >  文章  >  web前端  >  如何用javascript实现如下效果_html/css_WEB-ITnose

如何用javascript实现如下效果_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-21 09:24:40946瀏覽

详细:点击向前按钮进行向前翻页,向后按钮进行向后翻页,点击中间蓝色小圆圈可以来回自由切换


回复讨论(解决方案)

这个类似于网站的焦点图,网上有很多例子你可以去下一个自己改一下。

先默认显示一个div  然后在原位置在隐藏一个div   给按钮添加click事件,转到下一个时  显示影藏的div,再把原来的div给隐藏掉

先默认显示一个div  然后在原位置在隐藏一个div   给按钮添加click事件,转到下一个时  显示影藏的div,再把原来的div给隐藏掉


可以用代码写个简单的例子伐?!

    function a() {
        document.getElementById("div1").style.display = "block";
        document.getElementById("div2").style.display = "none";
    }
    function b() {
        document.getElementById("div1").style.display = "none";
        document.getElementById("div2").style.display = "block";
     }


纯手打 。。。。。。。。。。


先默认显示一个div  然后在原位置在隐藏一个div   给按钮添加click事件,转到下一个时  显示影藏的div,再把原来的div给隐藏掉


可以用代码写个简单的例子伐?! 效果如图,



先默认显示一个div  然后在原位置在隐藏一个div   给按钮添加click事件,转到下一个时  显示影藏的div,再把原来的div给隐藏掉


可以用代码写个简单的例子伐?! 效果如图, 如果LZ需要源代码,可以去网盘的博客留言: http://www.ido321.com/message
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn