php jquery模板替换图片,仿jquery插件官网头像更换(原创)
插件描述：一款簡單實用的頭像更換插件內(nèi)附有ajax無刷新代碼
使用方法
發(fā)布時間：2018-1-25 23:41
首先引入jquery:
js
$(".close,.gb").click(function(){
$(".pic_box").animate({
'top':'-1000px'
},500);
}),
$(".my_box").click(function(){
$(".pic_box").animate({
'top':'15px',
},300);
}),
$(".queren").click(function(){
var?src?=?$(".jide").val();
//$.ajax與index.php交互,在php中判斷文件,保存至數(shù)據(jù)庫即可
/*if(src?!=?""){
$.ajax({
url:"index.php",
type:'post',
data:{'imgsrc':src},
success:function(data){
$(".my_pic").attr('src',src);
$(".pic_box").animate({
'top':'-1000px'
},500);
console.log(data);
}
})
}else{
return?false;
}*/
/**
*?后臺我是用Thinkphp框架寫的代碼如下
$show=M('user')->getByusername($_SESSION['_username']);
if(!empty($_POST['imgsrc'])){
$_POST['id']=$show['id'];
$x=$info->create();
$res=$info->save();
if($res){
echo?json_encode($_POST['imgsrc']);
}
}
*/
//效果展示,在服務(wù)器中把這一段刪除,用上面那一段
if(src?!=?""){
$(".my_pic").attr('src',src);
$(".pic_box").animate({
'top':'-1000px'
},500);
}else{
return?false;
}
});
var?$box?=?document.getElementById('pic_box');
var?$li?=?$box.getElementsByTagName('li');
var?index?=?0;
for(var?i=0;i
$li[i].index=i;
$li[i].οnclick=function(){
$li[index].style.borderRadius="15%";
this.style.borderRadius="50%";
index?=?this.index;
}
}
$(".pic_box?li?img").click(function(){
var?src=$(this).attr("src");
$(".jide").val(src);
})
總結(jié)
以上是生活随笔為你收集整理的php jquery模板替换图片,仿jquery插件官网头像更换(原创)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： RGB在线取色器，可视化三通道颜色
- 下一篇： 大一大学计算机考试难吗,新生必看!大一期