今天在新界面Google Adsense看到如下一个效果,觉得挺不错的:
- 左侧图形Flash表示
- 右侧HTML普通内容,但复选框背景色与Flash中的底色相同
刚好最近手头上项目也有类似的需求,所以整理了一下,图表控件用的是amCharts,所以一下的代码都是针对amCharts展开!
画图没啥好说的,我将后台所有的画图曲线存在单独的数据库配置表中,查询后的结果换到到ehCache中,amCharts提供了很丰富的js回调函数,所以想实现以上的功能,主要用到的回调函数:
function amReturnSettings(chart_id, settings){
var data = decodeURIComponent(settings);
var xml;
if($.browser.msie){
if( typeof data == "string" ){
xml = new ActiveXObject("Microsoft.XMLDOM");
xml.async = false;
xml.loadXML(data);
} else {
xml = data;
}
}else{
xml = data;
}
$(xml).find("graphs > graph").each(function(i,n){
$(this).find("title").each(function(ii,nn){
$("#zb_ullist").append("<input type=\"checkbox\" checked='checked' "+value=\""+i+"\"/>"+$(this).text());
var pp = "graphs.graph["+i+"].color";
flashMovie.getParam(pp);
});
});
}
将从返回的XML设置文件中,提取每条曲线的color,然后利用getParam的回调函数,做背景色的设置工作:
function amReturnParam(chart_id, value, param_name){
if(param_name.indexOf("].color")>=0){
var idx = param_name.match(/\[(\S*)\]/i)[1];
var ccolor = "#"+(parseInt(value).toString(16));
$("#t_chk_"+idx).css("background-color",ccolor);
}
}
复选框的选中toggle曲线效果,利用利用以下代码:
function toggleShow(chart_id,obj){
flashMovie = document.getElementById(chart_id);
if(obj.checked)
flashMovie.showGraph(obj.value);
else
flashMovie.hideGraph(obj.value);
}
- 大小: 15.1 KB
分享到:
相关推荐
js 实现 用JavaScript调用Google AdSense! 值得下载看看!资源免费,大家分享!!
- 6 - 5.) Google Adsense Google 的审核过程大约需要24 小时,一天后去查看你的邮箱,如果你的网站或博客符合Google Adsense 发布商要求,你将会收到Google 发给你的标题为:欢迎光临_Google_AdSense 的确认通过...
Google Adsense的秘密 第10章 - 如何在互联网社区中应用AdSense 第9章 - 渠道跟踪:寻找潜在的金矿 第8章 - 内容建设 第7章 - 用Google搜索框黏住易变的访问者 第6章 - 控制你的广告 第5章 - 如何最大化...
GoogleAdsense中文参考手册对学习GoogleAdsense的同志很有帮助......
前面介绍过WordPress管理Google Adsense的插件,那款插件功能比较多,操作起来相对的有点复杂,只是相对的复杂,并不是十分的复杂,当然了,插件既然功能多,那么设置上会有点麻烦,这点麻烦对于一些喜好简便的朋友...
Google AdSense 创收完全手册Google AdSense 创收完全手册Google AdSense 创收完全手册Google AdSense 创收完全手册Google AdSense 创收完全手册
教你如何快速 正确的加入google adsense 赚你的第一桶金
这本书通过大量的实例讲解了如何利用Google AdSense创造收益,通过Google AdSense优化、提升现有收益的技巧,按照不同的读者层次分成3篇:Google AdSense申请和广告部署篇,主要介绍AdSense基础概念、合作规范、申请...
谷歌广告点击精灵 广告点击精灵 广告点击 google adsense 谷歌广告点击精灵 广告点击精灵 广告点击 google adsense 谷歌广告点击精灵 广告点击精灵 广告点击 google adsense 谷歌广告点击精灵 广告点击精灵 广告点击...
监视 Google ADSense 的余额 1.3.rar
想赚钱现在又不了解Google Adsense的,可以看看。
GoogleAdsense的秘密.pdf,seo教材,Google推广教材
2010google adsense最新作弊教程
适用于Nuxt.js的Google AdSense集成。 每当页面路线更改时,广告将更新 设置 使用yarn或npm将@nuxtjs/google-adsense依赖项添加到您的项目中 将@nuxtjs/google-adsense添加到nuxt.config.js modules部分 { modules...
Google Adsense的操作秘籍内部VIP泄密版.rar
Google Adsense的秘密,用Google Adsense来赚钱.CHM
Google Adsense的秘密 6.0 最新版, 通过Google Adsense 赚钱的秘密最新版
Google Adsense 的秘密(中文版)(转)0推荐本文今天看了下GOOGLE adsense的秘密,无论对做GOOGLE ADSENSE,还是对网站的运营,用户心里分析,感觉都是帮助非常的大.学习到了一种很好分析问题的思路,特此推荐给大家.-----...
ue具有InFeed和InArticle Ads支持的Vue Google Adsense Vue.js Google Adsense组件:party_popper:演示https://mazipan.github.io/vue-google-adsense/:red_question_mark:Wh:money_bag:Vue具有InFeed和InArticle的...
Google Adsense For Dummies