波斯马BOSSMA Information Technology

JavaScript 下的日志

如何制作漂亮的”气泡云图”

发布时间:2018年1月27日 / 分类:JavaScript / 抢沙发

在曾经的博客时代,标签云十分流行,通过一堆大小不同的文字标示出相关主题的热度。气泡云图与此有类似的目的,通过气泡的大小展示相关主题的宏观对比。 气泡云图与气泡图有很大的差别,气泡图需要三个维度,而气泡云图只需要两个变量:主题和主题对应的数值。 这里是一个气泡...

谷歌浏览器Chrome不再支持showModalDialog的解决办法

发布时间:2014年12月8日 / 分类:JavaScript / 抢沙发

2014年的某一天,chrome升级后,突然发现某个在用的系统不能弹出模态窗口了,查找各种资料后确认新版本(可能为Chrome?37+)确实把这个支持去掉了,有这么坑人的吗!?为避免大家少走弯路,特发布此文提供确认躺枪和解决办法。 问题重现 弹出窗口编码: var obj = new Object()...

JQuery表格选中行变色、鼠标划过行变色与隔行变色

发布时间:2014年5月29日 / 分类:JavaScript / 抢沙发

使用Jquery可以简化很多代码量,实现表格选中行变色、鼠标划过行变色与隔行变色都是So Easy的事情。 先来看看示例:点击这里查看。 实现上边的功能共需要4步,有兴趣的可以自己试试。 第1步:引入Jquery。 <script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js" ...

一个新的用于实现网页元素滚动的Javascript类库 – fScroll

发布时间:2014年5月13日 / 分类:JavaScript / 抢沙发

三年前写过一个程序用于实现网页上部分元素的滚动效果,文章在此:https://blog.bossma.cn/javascript/javascript-flexible-scroll-words-or-images/。三年后的今天重新审视这个程序,发现有不少可以改进的地方,由于改动过多,于是定义为一个新的Javascript类库:?fScroll。 ...

jQuery ZeroClipboard中Flash定位不准确的解决方案

发布时间:2014年3月11日 / 分类:JavaScript / 抢沙发

jQuery ZeroClipboard支持在多种浏览器中复制内容到剪贴板,IE、Firefox、Chrome等等都不在话下。其本身作为jQuery的一个插件封装了Zero Clioborad,其实现原理就是在要点击的按钮或链接上覆盖一个透明的Flash,实际上用户点击的是Flash,复制到剪贴板也是通过此Flash实现的。 ...

Javascript实现最新文章显示New图标

发布时间:2011年10月28日 / 分类:JavaScript / 抢沙发

这里说的最新文章指的是列表中的前几篇文章。这篇文章以ul列表为例,通过javascript程序处理,在最新的几篇文章标题后显示new图标。 先来看看效果: 程序引用了Jquery类库,以方便操作。 其实原理很简单,就是找到ul列表中的前几个项目,然后在li标签中查找a标签,在a标签后添...

Jquery实现表格单像素边框及行背景颜色交替变化

发布时间:2011年10月27日 / 分类:JavaScript / 抢沙发

这个功能应用很广泛,网上的例子也比比皆是。今天自己写了一个,拿出来晾晾。 Jquery只是一个噱头,单像素边框用CSS实现的,行背景颜色交替变化采用到Jquery,其实用原生的javascript也可以实现,只不过稍微麻烦点。 实现步骤: 1、首先定义一个表格 <table cellpadding="3"...

使用Google地图解析服务进行地址解析的改进

发布时间:2011年10月21日 / 分类:JavaScript, PHP / 抢沙发

在之前的一篇文章中使用google地图API开发了一个“查找指定地点1公里范围之内的地铁站”的程序,其中用到了地址解析服务,当时通过传递一个地址给google maps api,然后返回一个坐标给程序,这样做逻辑上没有什么问题,但是可能会引起两方面的问题: 1、稳定性 访问解析服务有可...

Google地图实现查找指定地点1公里范围之内的地铁站

发布时间:2011年10月20日 / 分类:JavaScript / 2 次吐槽

现在地铁这么多,确实方便了出行,但是到达一个陌生地方时,找到最近的地铁站还是有点迷茫的。网上已经有一些查找最近地铁站的应用,特别是手机应用,但是对于怎么实现的却一知半解,这篇文章就来一探究竟。 这里通过Google地图的API来实现查找指定地点附近的地铁站的功能,首...

JavaScript实现可以灵活控制的滚动效果

发布时间:2011年5月30日 / 分类:JavaScript / 16 次吐槽

关于实现滚动效果现在提供一个新的类库,功能更多,浏览器兼容性更强,点此移步过去看看。 前段时间写过几篇jquery实现滚动效果的文章,浏览量很大,由此看来还是有很多人需要这个东西的。前几篇文章都是分开写的,比如文字的滚动,图片的滚动,垂直滚动,水平滚动,这样没有很...