建立个人网站中遇到的一些问题

//发表博文
$('#blog .submit').click(function(){

$.ajax({
type:'post',
url:'add_blog.php',
data:$('form').serialize(),
success:function(data){
$.ajax({
type:'post',
url:'get_blog.php',
data:{},
success:function(data){
var json = JSON.parse(data);
//alert(json[0].content);
for(var i=0;i<json.length;i++){
$('#main .content h3').eq(i).html(function(){
return json[i].title;
});
$('#main .content p').eq(i).html(function(){
return json[i].content;
});
}
},
async:true
});
$("#blog").hide();


},
async:true
});




})
//获取博文.这个ajax要写在click方法外，否则刷新一下页面的内容消失
$.ajax({
type:'post',
url:'get_blog.php',
data:{},
success:function(data){
var json = JSON.parse(data);
//alert(json[0].title);
for(var i=0;i<json.length;i++){
$('#main .content h3').eq(i).html(function(){
return json[i].title;
});
$('#main .content p').eq(i).html(function(){
return json[i].content;
});
};


},
async:true
});

发表文章后，页面上显示博文，可是刷新后，发表的博文就消失了。

解决的方法：在click事件外再添加了一个获取博文

2.设计一个页面滑动，返回顶部图标消失的功能

3实现滚动条滑动，导航栏悬在顶部不滑动功能，

$(document).scroll(function(){
var scrollTop=$(document).scrollTop();//花了我好长时间，一直在纠结某个元素到顶部的距离，可是距离好像不变。最右边滚动条到顶部的距离
改变 //var b=$('#nav').height();
//var top=$("#nav").offset().top; //元素到顶部的距离 167px
//alert(top);
//alert(a);
if(scrollTop>167){  //167改为top会出现闪屏的现象
$("#nav").attr("style", "position:fixed;top:-5px;left:175px;z-index:3;");
//alert('de');
}else{
//alert('de');
$("#nav").attr("style", "position:relative;top:0;left:0;z-index:3;");


}

  });

4.手动轮播器和自动轮播器同时执行的问题

用if语句，如果点击了则先执行手动轮播器，否则执行自动轮播器

//轮播器初始化
$('.left-inner img').hide();
$('.left-inner img').eq(0).show();
$('.left-inner img').css('opacity','0');
$('.left-inner img').eq(0).css('opacity','100');




//手动轮播器
$('.panagation img').click(function(){
var num=$('.panagation img').index(this);    
$('.left-inner a img').hide();
$('.left-inner a img').eq(num).show().css('opacity','100');


//var img=$(this).attr('src');
//alert(img);
//$('.left-inner img').attr('src','img'); 
});
//自动轮播
var banner_index=1;   //轮播器计数器
setInterval(banner_fn,4000);
function banner_fn(){
var prev=banner_index==0 ? $('.left-inner img').length-1:banner_index-1;   //获取元素的前一个位置

if(banner_index>=$('.left-inner a img').length) banner_index=0;
$('.left-inner img').hide();
$('.left-inner img').eq(prev).show().animate({opacity:'0'},4000).css('z-index',1);
$('.left-inner img').eq(banner_index).show().animate({opacity:'100'},4000).css('z-index',2);


$('.left-inner img').css('opacity','0');

banner_index++;
}

5.后台上传图片

//后台管理之上传图片
//http://jingyan.baidu.com/article/2009576192663bcb0721b49e.html
$('#photoimg').change(function(){ //再添加onchange事件，这个当用户选择一个或多个图片后点击打开时，会触发这个事件，我们就是要在这个事件上调用异步方法上传数据到服务器，并做相应的代码处理；
var status = $("#up_status");  
        var btn = $("#up_btn"); 
        var file=document.getElementById('photoimg').value;  //file就是获得选择的文件的路径，不过是伪装(例如：c:fake/xxx.jpg,而不是c:xx/xxx/xx.jpg)的路径,如果用var file=document.getElementById('photoimg').files;alert(file[0].name);//只得到文件名，而不是c:xxx/xxx/文件名
        $("#imageform").ajaxForm({  
            target: '#preview',   
            beforeSubmit:function(){  
                status.show();  
                btn.hide();  
            },   
            success:function(){  
                status.hide();  
                btn.show();  
            },   
            error:function(){  
                status.hide();  
                btn.show();  
        } }).submit(); 
})

我的问题：我不知道//后台管理之上传图片再添加onchange事件，这个当用户选择一个或多个图片后点击打开时，会触发这个事件，我们就是要在这个事件上调用异步方法上传数据到服务器，并做相应的代码处理；