宝玛科技网
您的当前位置:首页如何用javascript实现如下效果_html/css_WEB-ITnose

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

来源:宝玛科技网


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


回复讨论(解决方案)

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

先默认显示一个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
    显示全文