您的当前位置：首页如何用javascript实现如下效果_html/css_WEB-ITnose

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

来源：宝玛科技网

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

回复讨论(解决方案)

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

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