Rumah  >  Artikel  >  hujung hadapan web  >  如何用javascript实现如下效果_html/css_WEB-ITnose

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

WBOY
WBOYasal
2016-06-21 09:24:40946semak imbas

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


回复讨论(解决方案)

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

先默认显示一个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
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn