使用raphael.js绘制中国地图

最近的数据统计项目中要用到中国地图,也就是在地图上动态的显示某个时间段某个省份地区的统计数据,我们不需要flash,仅仅依靠raphael.js以及SVG图像就可以完成地图的交互操作。在本文中,我给大家分享如何使用js来完成地图交互。 查看演示 下载源码 先简单介绍下raphael.js,raphael.js是一个...

       时间 : 2014-09-27| 栏目 : js知识| 浏览 : 568 次| [阅读全文]

    jQuery实现页内查找相关内容

    当需要在页面中查找某个关键字时,一是可以通过浏览器的查找功能实现,二是可以通过前端脚本准确查找定位,本文介绍通过jQuery实现的页面内容查找定位的功能,并可扩展显示查找后的相关信息。 查看演示 下载源码 本文以查找车站名为例,仿12306官网查找车站售票时间页面效果,当用户输入关键字点击查找按钮或按回车键时,jQuery通过...

         时间 : 2014-09-27| 栏目 : js知识| 浏览 : 440 次| [阅读全文]

      jQuery实现的全选、反选和不选功能

      本文给大家分享一段基于jQuery的全选、反选和不选功能的代码,适用于网页多选后需要进行批量操作的场景(如批量删除等)。文章结合实例,代码简洁,基本覆盖选项选择操作的方方面面,希望可以帮到有需要的WEB爱好者。 查看演示 HTML 我们的页面上有一个歌曲列表,列出多行歌曲名称,并匹配复选框供用户选择,并且在列表下方有一排操作按钮...

           时间 : 2014-09-27| 栏目 : js知识| 浏览 : 473 次| [阅读全文]

        Flexslider图片轮播、文字图片相结合滑动切换效果

        Flexslider是一款基于的jQuery内容滚动插件。它能让你轻松的创建内容滚动的效果,具有非常高的可定制性。开发者可以使用Flexslider轻松创建各种图片轮播效果、焦点图效果、图文混排滚动效果。 查看演示 下载源码 Flexslider具有以下特性: 支持滑动和淡入淡出效果。 支持水平、垂直方向滑...

             时间 : 2014-09-27| 栏目 : js知识| 浏览 : 470 次| [阅读全文]

          页面右侧浮动固定层返回顶部按钮带二维码展示功能

          移动互联网时代的到来,大家可以通过“扫一扫”功能轻松在移动端获取需要的信息。今天我给大家分享一个WEB功能,它是一个漂浮在网页的右侧的小工 具条,我们可以使用它上下快速定位页面位置,可以弹出微信二维码或者页面地址二维码,让喜欢在手机等移动设备上阅读的朋友轻松获取信息。 查看演示 下载源码 HTML 首先我们准备右侧浮动层的内容,...

               时间 : 2014-09-27| 栏目 : js知识| 浏览 : 613 次| [阅读全文]

            使用moment.js轻松管理日期和时间

            大家在前端Javascript开发中会遇到处理日期时间的问题,经常会拿来一大堆处理函数才能完成一个简单的日期时间显示效果。今天我给大家介绍一个轻量级的Javascript日期处理类库:moment.js,使用它可以轻松解决前端开发中遇到的种种日期时间问题。 查看演示 下载源码 moment.js不依赖任何第三方库,支持...

                 时间 : 2014-09-27| 栏目 : js知识| 浏览 : 427 次| [阅读全文]

              跨浏览器普通弹窗广告代码

              弹窗广告由于影响用户体验一直是让广大网民深恶痛绝,但是由于这种方式拥有较好的广告投放效果,却深受广告商和网站主的喜爱,现阶段仍然还有些大站在投放弹窗广告。 查看演示 下载源码 尽管各浏览器以及一些桌面软件提供了拦截广告功能,但是普通用户一般不会去设置这些功能。而广告代码开发者需要绕过各种浏览器的拦截限制,使得弹窗广告代...

                   时间 : 2014-09-27| 栏目 : js知识| 浏览 : 181 次| [阅读全文]

                jQuery圆形统计图(百分比)

                今天我给大家介绍一款圆形统计图circliful,它基于HTML5的画布和jQuery,无需使用图像轻松实现圆形统计图,而且有很多属性设置,使用起来非常方便。 查看演示 下载源码 如何使用circliful 将jquery库文件和jquery.circliful.min.js引入到页面中。 <script src...

                     时间 : 2014-09-27| 栏目 : js知识| 浏览 : 153 次| [阅读全文]