阴影 返回 json

  阴影

box-shadow:2px -2px 2px #000 inset 

解释一下这段代码  

box-shado w是为div设置阴影的  第一个值为0时左右都有阴影 第一个值为正数时 左边有阴影

第一个值为负数时 右边有阴影 

第二个值为0时 上下都有阴影  第二个值为整数时代表上边有阴影   第二个值为负数时下边有阴影

 

insert 有inset的话时代表框内阴影 没有inser的话时框外阴影  

 

让返回顶部按钮居页面右下角   页面变化时也固定在右下角  

css设置  position:fixed；   fixed生产绝对定位的元素   相对于浏览器来进行定位  

我需要给她这样设置 

position:fixed;
right:20px;
bottom:0px;

 

 

json文件   json文件是由键值对组成的 不能换行

 

 

我们先建一个json文件   
[
{
"name":"高帆",
"sex":"男",
"email":"[e-mail]"
},
{
"name":"索晨峰",
"sex":"男",
"email":"未知"
},
{
"name":"踹梦轩",
"sex":"男",
"email":"xxx"
}
] 
//这是一个json文件 命名 date.json

 

$(function(){
$("#btn").click(function(){
$.getJSON("userinfo.json",function(data){   //getJSON后跟的是jur 也就是文件的名字地址
var $jsontip = $("#jsonTip");
var strHtml = "123";//存储数据的变量
$jsontip.empty();//清空内容
$.each(data,function(infoIndex,info){   //循环
strHtml += "姓名："+info["name"];
strHtml += "性别："+info["sex"];
strHtml += "邮箱："+info["email"];
strHtml += "<hr>"
})
$jsontip.html(strHtml);//显示处理后的数据
})
})

})

获取按钮的id btn