个人分类:js插件(6)

使用vue2.0实现的天气预报,有教程,附源码!!!

前段实践分享了vue实现的音乐播放器,今天分享个天气的~~~实现的功能:当前天气当前天气的基本信息24小时预报最近三天的天气气温github:戳这里预览地址:戳这里喜欢的加个star顺便加个收藏,点个赞~~有兴趣的加个前端交流群:478688652,群里有vue2.0的教程扫一扫手机预览不说废话了,先上UI.

js仿ios滚动选择-来谈谈如何开发一个js插件!!

最近公司在开发新的H5网站,产品要求下拉框使用ios的方式,自己写了一个。先附上预览地址:戳这里注意,因为是移动端,所以封装了使用touch模拟click的事件,请大家使用手机模式浏览也可以扫一扫个人github:戳这里,有兴趣的加个follow有兴趣的加个前端交流群:478688652需求功能:点击一个按钮,弹出选择框滚动选择确定和取消按钮的回调事件可以根据select获取数据需求出来了,贴源码:~~~~~javascript代码!function($){"usestrict";varselectTouch=function(options){if(!(thisinstanceofselectTouch))returnnewselectTouch(options);varselectTouchOptions={selec

js弹出框-来谈谈如何开发一个js插件!!

最近公司在开发新的H5网站,里面用到了很多的弹出框,本来想偷懒去网上扒一个,但是都没有合适的,只能自己写一个了。先附上预览地址:戳这里个人github:戳这里,有兴趣的加个follow有兴趣的加个前端交流群:478688652需求功能:同一个页面可以打开多个弹出框,并且相互不影响点击背景关闭弹出层确定和取消按钮的回调事件可以自定义弹出框的标题和信息需求出来了,贴源码:~~~~~javascript代码//弹出层对话框(function($){'usestrict';vardialog=function(options){//判断dialog实例是否存在,不存在的话重新new一个实例if(!(thisinstanceofdialog))returnnewd

使用vue2.0实现的音乐播放器,有教程,附源码!!!

使用vue2.0实现的音乐播放器,有教程,附源码!!!

最近在学vue,在掘金上看到一篇好帖子,实现的音乐播放器,心血来潮,自己也写了个~~~实现的页功能:排行榜轮播图展示搜索推荐搜索结果专辑歌手上一曲,下一曲,播放暂停随机播放,循环播放,单曲播放加入/删除播放列表,查看专辑查看歌手github:戳这里预览地址:戳这里喜欢的加个star顺便加个收藏,点个赞~~有兴趣的加个前端交流群:478688652,群里有vue2.0的教程扫一扫手机预览不说废话了,先上UI.

原生移动端banner轮播插件(可私人定制)

需要在手机端才可以正常使用有兴趣的加个前端交流群:478688652html代码效果预览<divclass="slide"><divclass="slide-box"><divclass="sMain"><imgsrc="http://www.gxspp.com/images/banner1.png"alt=""/></div><divclass="sMain"><imgsrc="http://www.gxspp.com/images/banner1.png"alt=""/></div><divclass="sMain"><imgsrc="http://www.gxspp.com/images/banner1.png"alt=""/></div><divclass="sMain"><imgsrc="http://www.gxspp.com/images/banner1.png"alt=""/></div></div><ulclass="slide-item"><liclass="cur"></li><li></li><li></

原生js开发的日历插件(可私人定制)

有兴趣的加个前端交流群:478688652html代码效果预览<styletype="text/css">*{margin:0;padding:0;}ul,li{list-style:none;}#week{width:350px;height:350px;border:1pxsolid#ccc;}#weekh6{font-size:20px;overflow:hidden;height:40px;line-height:40px;}#weekh6div{float:left;width:250px;text-align:center;}#week.pr