jquery 实现背景图片循环切换，显示隐藏div

jquery实现图片背景循环切换，显示隐藏一个div。

$(function(){
$("#table4").hide();
$(".o_record p span").toggle(function(){
$(this).addClass("o_span");
$("#table4").show();
},function(){
$(this).removeClass("o_span");
$("#table4").hide();
})
});

</script>

.o_layout .o_record p .o_span{ float:right; display:inline; width:60px; background:url(../images/20140918010340704_easyicon_net_16.png) no-repeat right;cursor:pointer;}
.o_up{ float:right; display:inline; width:60px;background:url(../images/20140918010354231_easyicon_net_16.png) no-repeat right; cursor:pointer;}
.o_layout .o_record .table4{margin-top:10px;}

</style>

<div class="o_record">
<p><i class="r_icon"></i>操作历史记录<span class="o_up">|  展开</span></p>
<div class="table4" id="table4">
<table>
<tbody>
<tr>
<th class="col_width2">操作者</th>
<th class="col_width2">操作时间</th>
<th class="col_width2">操作状态</th>
<th>备注</th>
</tr>
</tbody>
<tbody> <tr>
<th class="col_width2"></th>
<th class="col_width2"></th>
<th class="col_width2"></th>
<th></th>
</tr></tbody>
</table>
</div>
</div>

jquery 实现背景图片循环切换，显示隐藏div相关推荐

jq实现背景图片动态切换
在很多需求中都用到了利用jquery实现背景图片的动画效果,接下来我们将实现点击ul中的li实现背景图片的动态切换. 思路和实现步骤: 1.先建立静态页面.其中box盒子用来动态生成ul,li,a和i ...
html怎么用小小的图片铺满作为背景,多种背景图片随机切换的应用
在皮肤『QQ Style』中我使用了随机背景切换功能,这个随机背景切换是一个独立的功能,上面使用的只是其中一小部分应用.下面我将演示背景随机切换的更多应用,然后大家就可以有更多的拓展. 第一:背景图片 ...
简洁风个人主页（3） js背景图片随机切换
静态页面做完了,现在用js做一个背景图片随机切换的效果. 1.点击'个人网站'这个字样,实现body背景的切换.所以,首先获取这两个节点. var body = document.body; var ...
asp.net 包含动态创建控件的容器如果要切换显示/隐藏不要用 Visible 属性
asp.net 包含动态创建控件的容器如果要切换显示/隐藏不要用 Visible 属性就是不用 XXX.Visible = false; // true 因为这样该容器及其子控件会彻底的从页面上消 ...
cocos2d（背景图片循环滚动）
背景图片循环滚动使用action 实现的: 主要有两个背景图片交替循环滚动:我选的两个背景图片的宽度都是1024的 ,所以定义了#define BGIMG_WIDTH 1024 代码如下: 在Hel ...
jquery banner广告图片左右切换,模仿实现支付宝广告效果
原文:jquery banner广告图片左右切换,模仿实现支付宝广告效果源代码下载地址:http://www.zuidaima.com/share/1771186023091200.htm 由最代码 ...
微信小程序背景图片全屏显示
微信小程序背景图片全屏显示很多人在写小程序界面的时候希望背景图片是全屏覆盖显示的(包括顶部导航栏,如下图),那该如何实现呢? 以下是实现代码: wxml代码: <view class=&quo ...
原生js与jQuery显示隐藏div的几种方法
原生Js与jQuery显示隐藏div的几种方法简介:本文将会讲解,如何使用原生的JS和jquery来实现对于这个div盒子的隐藏 js 方式一首先是进行js演示和讲解. 首先是display的方法 ...
完美的css背景图片全屏显示，能比例缩小，不留空白
简介:完美的css背景图片全屏显示,能比例缩小,不留空白,我们之前已经知道了可调整大小的背景图片的概念.但是读者DougShults发给了我一个链接,其中使用了非常酷的技术,我觉得这种技术要比之前的任 ...

jquery 实现背景图片循环切换，显示隐藏div

jquery 实现背景图片循环切换，显示隐藏div相关推荐

最新文章

热门文章