javascript切换,js点击来回切换

想用JavaScript实现DIV样式切换

假设有div元素div id="mydiv" class="css1"，和两个样式: .css1{} .css2{}

10年积累的成都网站设计、成都做网站、外贸网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有松阳免费网站建设让你可以放心的选择与我们合作。

(1)移除和添加样式分别是$("mydiv").removeClass("css1") 和$("mydiv").addClass("css1")

(2)如果是换了样式之后，想换回原来的样式，即是切换样式，那么就涉及到一个判断当前样式的问题，此时可以使用方法hasClass()，该方法是判断元素当前是否含有某样式。

(3)所以根据1、2可以实现一个点击切换样式的效果，示例代码如下：

script type="text/javascript"

$("#mydiv").click(function () {

if ($(this).hasClass("css1")) {

$(this).removeClass("css1")

$(this).addClass("css2")

} else if ($(this).hasClass("css")) {

$(this).removeClass("css2")

$(this).addClass("css1")

}

})

/script

(手写不易，望采纳！)

首先js是不大可能控制选项卡的，再说每种浏览器也都有不一样的选项卡模式，你通过api去实现不太可能。

你可以转换思路，不要用真正的选项卡，而是自己写一个类似于选项卡的页面，可以点击切换页面等等。点击切换选项卡或提交按钮时ajax加载你想要的内容就可以了。

思路：使用javascript定时器函数setTimeout()每隔一定的毫秒间隔数执行动作，在执行的动作中循环替换图片的src属性。树立演示如下：

1、HTML结构

img src="1.png" id="test"

2、javascript代码

function change(n){

if(n5) n=1; // 一共5张图片，所以循环替换

document.getElementById("test").setAttribute("src", n+".png");

n++;

setTimeout("change("+n+")",1000);

}

window.onload = function(){

setTimeout("change(1)", 1000);

}

3、效果演示

[img]
本文名称：javascript切换,js点击来回切换
链接地址：http://ybzwz.com/article/dsohddh.html