jquery loading效果
2014-02-22 12:38
411 查看
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function() {
$("#loading_img").click(
function()
{
$.ajax({
type:"GET",
url:"demo.php",
data:"name=wuxiaoyong",
beforeSend:loading,//执行ajax前执行loading函数.直到success
success:Response //成功时执行Response函数
})
}
)
});
function loading(){
$('#loading_img').html('<img src="images/loading.gif"/>');
}
function Response(data){
$('#loading_img').html(data);
}
</script>
<div id="loading_img">点击加载</div>
<script type="text/javascript">
$(function() {
$("#loading_img").click(
function()
{
$.ajax({
type:"GET",
url:"demo.php",
data:"name=wuxiaoyong",
beforeSend:loading,//执行ajax前执行loading函数.直到success
success:Response //成功时执行Response函数
})
}
)
});
function loading(){
$('#loading_img').html('<img src="images/loading.gif"/>');
}
function Response(data){
$('#loading_img').html(data);
}
</script>
<div id="loading_img">点击加载</div>
相关文章推荐
- 用 jQuery Masonry 插件创建瀑布流式的页面
- CSS3 和 jQuery实现的一款扇形色卡
- CSS3 和 jQuery实现的一款扇形色卡
- jquery easyui dialog的几个使用问题
- 防止jQuery ajax Load使用缓存的方法小结
- jQuery Mobile学习二:jQuery Mobile简介
- jquery中load方法的用法及注意事项说明
- 解决用jquery load加载页面到div时,不执行页面js的问题
- jquery+CSS3 简易无限级纵向(上下)菜单插件
- jquery取消选择select下拉框示例代码
- jQuery实现下拉框左右选择的简单实例
- jquery实现省市select下拉框的替换(示例代码)
- 解决用jquery load加载页面到div时,不执行页面js的问题
- 页面加载完成后再执行JS的jquery写法以及区别说明
- jquery中load方法的用法及注意事项说明
- 防止jQuery ajax Load使用缓存的方法小结
- jquery实现checkbox 全选/全不选的通用写法
- 用JQuery实现全选与取消的两种简单方法
- jQuery实现右上角点击后滑下来的竖向菜单
- jquery用div模拟一个下拉列表框