Demo:Show
<meta content="text/html; charset=utf-8">
<script src="js/jquery-1.4.4.js"></script>
<script src="js/ui/jquery.effects.core.js"></script>
<script src="js/ui/jquery.effects.clip.js"></script>
<style>
.toggler { width: 800px; height: 200px; }
#effect { width: 800px; height: 100px; left:100px; padding: 0em; position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
</style>
<script>
$(function() {
// run the currently selected effect
function runEffect(id) {
// get effect type from
var selectedEffect = id;
// run the effect
$( "#effect" ).show( selectedEffect, 1000 );
};
$( "#effect" ).hide();
runEffect('clip');
});
</script>
<div class="toggler">
<div id="effect" class="ui-widget-content ui-corner-all">
<h3 class="ui-widget-header ui-corner-all">Show</h3>
<p>
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
</p>
</div>
</div>
这段代码是渐出的效果:
- 大小: 15.2 KB
分享到:
相关推荐
jquery大量特效demo jquery大量特效demo jquery大量特效demo jquery大量特效demo jquery大量特效demo jquery大量特效demo jquery大量特效demo
jquery图片截取DEMO,jquery图片截取DEMO
jquery easyui demo 网页下载下来打包了,还有datagrid简要说明
jquery实例 jquery demo jquery UI demo ,全部是例子 一看就会用
Jquery图表简单Demo
工作之余写的一些Ajax应用,有6个Demo,数据库为mysql,使用之前看readme.txt。javascript与jquery混用。无刷新购物车、输入提示、表格局部刷新、xml实时数据更新、划词解释。
JQuery Gantt-Demo
jquery easyui datagrid demo 详解 增删改查
jquery.mobile demo
jquery easyui treegrid demo 详解 增删改查 用IE打开,并选择允许
Jquery操作xml_Demo。 帮一个朋友做的一个Demo实例,用jquery读取xml文件,很简单的操作,一看就明白。
jquery treeview demo
jquerydemo锋利的jQuery的demojquerydemo锋利的jQuery的demo 个人在看锋利的jQuery所作的demo
jquery演示 一些常用的案例 喜欢的朋友可以下载
使用方法:http://blog.csdn.net/yinjianjing/archive/2011/05/11/6411098.aspx... jquery表单验证demo 一.MyValidator实现的功能: 1.提示功能(在表单或者其他标签中加入tip="想提示的文字") 如: 请输入用户名" />
jquery地图插件demo
JQuery ajax的各种使用方法示例和说明 本示例程序由VS2010建立 c# asp.net ajax demo
简单的jquery Grid 表格,对数据的排序,查询的操作
JQuery表单验证DemoJQuery表单验证DemoJQuery表单验证Demo
最新官方jQuery UI插件 主流特效Demo,绝不含糊。 好东西不需要过多的言辞修饰,下了就知道! 所有效果说明: 基本的鼠标互动: 拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing) 各种...