toggle

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="resource/bootstrap/css/bootstrap.css"/>
    <script src="resource/jQuery/jquery-1.11.3.js"></script>
    <script src="resource/bootstrap/js/bootstrap.js"></script>
    <script>
        $().ready(function(){
            $("#toggle").click(function(){
                $("p").toggle(1000);
            })
        })

    </script>
</head>
<body>
    <p>hide or show</p>
    <button id="toggle">toggle</button>
</body>
</html>

时间： 2024-11-03 20:50:03

toggle的相关文章

jquery点击改变class并toggle

<html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script> <style> .bg1 { backgro

Unity3D 之UGUI 切换开关(toggle)

(toggle)开关能够实现通过点击实现开和关. 开关下面有两个游戏元素,一个是背景,一个是文字,背景是开关按钮的背景. 可以通过 Is ON开控制开关的开与关. Group -->分组,能够实现多选框. 创建一个空游戏对象,添加一个开关组的组件,然后放入到Group里.

伸缩的菜单，用toggle()重写

<!DOCTYPE ><html><head><meta charset="UTF-8"/><title>伸缩的菜单,用toggle()重写</title><style><!--body{ background-color:#ffdee0;}#navigation { width:200px; font-family:Arial;}#navigation > ul { list-style-

1.ready 2.hover 3.toggle(fn1,fn2, …)(被废弃) 2.hover(fn(){……},fn(){……}) 示例: $('div').hover(function(){ $(this).html('1'); },function(){ $(this).html('2'); }); 效果: 3.toggle被废弃了,怎么使用类似的效果了,我可以做个计数器的方法来使用. 示例: 代码如下: var flag = 1; //通过计数来实现 $('div').click(f

使用toggle()方法进行显示隐藏

使用toggle()方法进行显示隐藏这是一个示例: 1 <html> 2 <head> 3 <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script> 4 <script type="text/javascript"> 5 $(doc

UGUI之Toggle使用

Toggle对象是一个开关.一般用于单选,可以用Toggle制作背包的选项卡在场景中创建Toggle按钮.看看他有Toggle组件通过Is On属性来控制是否选中,其实是控制Graphic属性中的显示和隐藏, 接下来一步一步完成选项卡的制作,先看看效果 tab1是没有选中的图片 Image是选中后的图片在tab1上添加Toggle组件,然后把Image拖拽到Graphic属性这样就制作了一个单选按钮,接着复制3个但这里我们要的是只能选择tab1的时候.tab2和tab3是隐藏的.但你发

jquery事件切换hover/toggle

1.hover([over,]out) 一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法.这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态. 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数.当鼠标移出这个元素时,会触发指定的第二个函数.而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一个常见错误). 参数: over:鼠标移到元素上要

替代jquery1.9版本以前的toggle事件函数（开关）

以上文章为转载自http://blog.sina.com.cn/s/blog_50042fab0101c7a9.html var flag=1; $(".selector").click(function(){ if(flag==1){ //执行方法; flag=0; }else{ //执行方法; flag=1; } 或者外接函数,例如 to

JS利用取余实现toggle多函数

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

toggle的使用心得

点击同一个标签可以实现不同效果或者几个效果以前一般都是if 判断的逻辑还有判断比较繁琐看啦手册后发现这个功能可以不用判断的自动循环点击事件比以前的简单好用主要用法:$("td").toggle( function () { $(this).addClass("selected"); }, function () { $(this).removeClass("selected"); }); 循环执行2个函数也可以设置自动判断隐藏或显