admin 管理员组文章数量: 1086019
2024年4月15日发(作者:pexels素材网官网)
.box{
margin: 0 auto;
width: 1200px;
}
.fl_l{
width: 200px;
float: left;
border: 1px solid #f4f4f4;
background: #fff;
}
.fl_l li a{
border-bottom: 1px solid #eee;
text-align: center;
display: block;
color: #333;
font-size: 14px;
line-height: 60px;
}
.fl_l a{
background: #f60;
color: #fff;
}
.fl_r{
float: right;
width: 960px;
}
.fl_r li{
margin-bottom: 30px;
background: #fff;
font-size: 50px;
line-height: 300px;
display: block;
}
.banner{
background: #fff;
width: 100%;
height: 600px;
font-size: 40px;
line-height: 600px;
text-align: center;
margin-bottom: 30px;
}
$(function(){
//设置标杆
var _line=parseInt($(window).height()/3);
$(window).scroll(function(){
//滚动730px,左侧导航固定定位
if ($(window).scrollTop()>730) {
$('.fl_l').css({'position':'fixed','top':10})
}else{
$('.fl_l').css({'position':'','top':''})
};
$('.fl_l li').eq(0).addClass('active');
//滚动到标杆位置,左侧导航加active
$('.fl_r li').each(function(){
var _target=parseInt($(this).offset().top-$(window).scrollTop()-_line);
var _i=$(this).index();
if (_target<=0) {
$('.fl_l li').removeClass('active');
<%
}
%>],
type: 'bar'
}]
};
ion(option);
var dom = mentById('Third');
var chart = (dom);
option = {
backgroundColor: '#2c343c',
title: {
text: 'Customized Pie',
left: 'center',
top: 20,
textStyle: {
color: '#ccc'
}
},
tooltip: {
trigger: 'item',
formatter: '{a}
{b} : {c} ({d}%)'
},
visualMap: {
show: false,
min: 80,
max: 600,
inRange: {
colorLightness: [0, 1]
}
},
series: [
{
name: '访问来源',
type: 'pie',
radius: '55%',
center: ['50%', '50%'],
data: [
<%
for(Third third:list1){
%>
{value: <%=()%>, name: '<%=xing()%>'},
<%
}
%>
].sort(function (a, b) { return - ; }),
roseType: 'radius',
label: {
color: 'rgba(255, 255, 255, 0.3)'
},
labelLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.3)'
},
smooth: 0.2,
length: 10,
length2: 20
},
itemStyle: {
color: '#c23531',
shadowBlur: 200,
shadowColor: 'rgba(0, 0, 0, 0.5)'
},
animationType: 'scale',
animationEasing: 'elasticOut',
animationDelay: function (idx) {
return () * 200;
}
}
]
};
ion(option);