jquery div切换特效

该页面切换特效的HTML结构使用一个<main>元素来作为页面的包裹元素，div.cd-cover-layer用于制作页面切换时的遮罩层，div.cd-loading-bar是进行ajax加载时的loading进度条。<main><div class="cd-index cd-main-content"><div><h1>Page Transition</h1><!-- your content here --></div></div>...

css:/*原来的背景色*/.bg{background:'red'}/*要切换的背景色*/.bg_click{background:'green'}js:$('div').on('click',function(){ var $div = $(this); var $others = $div.siblings(); if($div.hasClass('bg')){ $div.removeClass('bg').addClass('bg_click'...

("#div").animate({'margin-left':'+=100px'},'slow');("#div").animate({'margin-left':'0px'},'slow');});这样子写就能实现你要的功能的了，具体移动多少，怎么移动，你调一下动画的数据就行了

如果你的div是通过position:absolute绝对定位的，且通过相对与底部定位，如bottom:0px 这个时候调用slideDown就是向上展开的（因为slideDown说白了就是动态改变元素高度，底部定位固定，高度变高的时候就向上扩展了）。或者可以使用jQuery的$().animate()动画方法，自己定义动画的内容，因为不知道你的div是通过...

这个还是挺简单,第一种,设置一个变量 如 var toggle = true , 当为true时,作if(toggle == true)判断更改背景同时 改toggle 为false ; 第二次点击时 ,这时toggle为false ,作if(toggle == false)判断,如果为真则还原背景 ... 第二种方法,直接调用 toggle()函数 ,如 $("div").toggle(fun...

<style>.big{width:100px;}.tabtit ul li.active{background:red;color:#fff;}.tabtit ul li:hover{background:red;color:#fff;}.tabcon ul li{width:100px;height:100px;}</style><div class="big"><div class="tabtit"><ul><li>1</li><li>2</li><li>3</li></ul></div>...

<!-- 需要切换的div --> <div class="box"> <ul>111111</ul> <ul>222222</ul> </div> <script type="text/javascript" src="引进jquery"></script> <script type="text/javascript"> (function(){ ('.box ul').eq(0).show();('.kg span').on('click', function() { var ...

<title></title> <style type="text/css"> /*.column {float: left;}*/ .column div{width: 178px;height: 56px;margin-bottom: 2px;} .box1{background-color: black;} .box2{background-color: bisque;} .box3{background-color: gray;} .box4{background-color: wheat;} </...

1、我们先引入jquery的脚本文件。2、在html里，我们在一个div里有内容「百度」。3、后面添加一个按钮，有一个changeText的事件函数。4、在changeText方法里，我们先使用jquery通过id获得对应的div。5、然后使用jquery的html方法来直接设置新的文字内容就行了。6、点击按钮后，div的文字内容变成「百度知道...

由远到仅需要做图片的效果（或者用css3效果也行，但目前的兼容性不行）div固定大小 js，jquery只用setTimeout、setInterval函数进行图片由小变大，宽度到底指定宽度后停止放大