随笔分类 -  Javascript或jQuery插件

包括javascript和jquery插件的一些使用总结
用jQuery实现旋转木马效果(带前后按钮和索引按钮)
摘要：项目中要用到旋转木马效果，一共5张图片轮播，并且点击对应的索引按钮能切换到对应的图片。本效果实在jquery.carousel.js插件的基础上做了一些改进，以实现上述需求。 效果图如下： 代码： HTML： CSS： jquery.carousel.js： 阅读全文
posted @ 2017-05-11 11:54 木西梧 阅读(2615) 评论(0) 推荐(1)
用jQuery制作仿网易云课堂导航菜单效果
摘要：最近做项目，用到类似的效果。 效果图如下： 直接上代码： HTML: CSS: Js: 阅读全文
posted @ 2017-05-06 12:58 木西梧 阅读(366) 评论(0) 推荐(1)
jQuery的slicebox插件实现3D翻转轮播效果
摘要：最近做项目，banner要实现立体的翻转效果，通过搜索，发现了jQuery的一款插件，能够很好的实现该效果，这里就记录一下。 效果图如下： 使用方法： 1. 在html中引入必要的js和css文件： 2. css： 3. js jquery.slicebox.js文件可以在这里下载: http:// 阅读全文
posted @ 2017-04-01 14:57 木西梧 阅读(1462) 评论(0) 推荐(0)
用echarts.js制作中国地图,点击对应的省市链接到指定页面
摘要：这里使用的是ECharts 2,因为用EChart 3制作的地图上的省市文字标识会有重叠,推测是引入的地图文件china.js,绘制文字的坐标方面的问题,所以,这里还是使用老版本。 ECharts 2需要require加载模块。html中只需要用script引入echarts.js即可。 具体代码如 阅读全文
posted @ 2016-08-01 17:12 木西梧 阅读(36701) 评论(13) 推荐(2)
jQuery全屏滚动插件fullPage.js使用中遇到的问题(滑动轮播效果无效)
摘要：1.fullPage.js是什么? fullPage.js 是一个基于 jQuery ,用来制作全屏网站的插件。 2.兼容性： - jquery兼容：兼容 jQuery 1.7+ - 浏览器兼容： IE8+，Chrome，FireFox 3.问题： 根据使用文档，轻松实现了全屏，但是当在某一屏中，内 阅读全文
posted @ 2016-06-23 13:57 木西梧 阅读(10908) 评论(0) 推荐(0)