shadow
box-shadow:2px -2px 2px #000 inset
explain this code
box-shado w is to set the shadow for the div. When the first value is 0, there are shadows on the left and right sides. When the first value is positive, there are shadows on the left.
When the first value is negative, there is a shadow on the right
When the second value is 0, there are shadows on the top and bottom. When the second value is an integer, it means there is a shadow on the top. When the second value is negative, there is a shadow on the bottom.
If insert has inset, it means the shadow inside the box without insert, and the shadow outside the box
Make the back to top button in the lower right corner of the page, and it is also fixed in the lower right corner when the page changes
CSS sets position:fixed; fixed produces absolutely positioned elements relative to the browser for positioning
I need to set her up like this
position:fixed; right:20px; bottom:0px;
json file json file is composed of key-value pairs and cannot wrap
Let's create a json file first
[
{
"name":"高帆",
"sex":"男",
"email":"[email protected]"
},
{
"name":"索晨峰",
"sex":"男",
"email":"未知"
},
{
"name":"踹梦轩",
"sex":"男",
"email":"xxx"
}
]
//This is a json file named date.json
$(function(){
$("#btn").click(function(){
$.getJSON("userinfo.json",function(data){ //getJSON is followed by jur, which is the name and address of the file
var $jsontip = $("#jsonTip");
var strHtml = "123";//Variable to store data
$jsontip.empty();//Empty the content
$.each(data,function(infoIndex,info){ //loop
strHtml += "姓名："+info["name"];
strHtml += "Gender:"+info["sex"];
strHtml += "Email: "+info["email"];
strHtml += "<hr>"
})
$jsontip.html(strHtml);//Display the processed data
})
})
})
get button's id btn