随笔分类 -  效果插件

摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>旋转立方体效果</title> <style type="text/css"> *{padding: 0; margin: 0} img{border: 0} 阅读全文
posted @ 2022-06-06 21:40 风雨后见彩虹 阅读(189) 评论(0) 推荐(0) 编辑
摘要:简单示例: 需求:输入 “题2” 字,希望树形结构中带有 “题2” 字的项显示,即使父节点没有,但子节点含有,父节点仍要返回。 let arr = [ { title: '标题1', children: [ { title: '标题11', children: null }, { title: '标 阅读全文
posted @ 2021-09-12 20:38 风雨后见彩虹 阅读(4504) 评论(0) 推荐(1) 编辑
摘要:可以实现手势操作:拖动、缩放、旋转。封装好的脚本方法是这样的: html代码: js调用: 转载地址:http://blog.csdn.net/somethin...touch官网地址:https://www.awesomes.cn/repo/... 阅读全文
posted @ 2017-02-04 11:25 风雨后见彩虹 阅读(13839) 评论(1) 推荐(0) 编辑
摘要:这儿只是简单介绍一下这个插件pace.js. 在页面中引入Pace.js,页面就会自动监测你的请求(包括Ajax请求),在事件循环滞后,会在页面记录加载的状态以及进度情况。此插件的兼容性很好,可以兼容IE8以上的所有主流插件,而且其强大之处在于,你还可以引入加载进度条的主题样式,你可以选择任意颜色和 阅读全文
posted @ 2015-09-28 17:23 风雨后见彩虹 阅读(4690) 评论(1) 推荐(0) 编辑
摘要:在网页中经常会用到视频播放的功能,下面介绍一下swfobject.js的视频播放应用(flash实现):html代码结构: css样式结构: js代码: 结果实现如图: 需要demo猛点该文字,百度云盘下载 提取码:bymc 阅读全文
posted @ 2015-09-02 09:09 风雨后见彩虹 阅读(3026) 评论(0) 推荐(0) 编辑
摘要:Google Map API (一):显示一个最基本的地图 1 实现一个地图:<head>中引用: Html里面合适的位置定义: javascript文件: 说明:zoom参数是地图的范围,参数越小,地图的范围就越大center是地图的中心点,通过经纬度定义mapTypeId:是地图的类型。有四种m 阅读全文
posted @ 2015-08-26 11:30 风雨后见彩虹 阅读(5991) 评论(0) 推荐(0) 编辑
摘要:在上一篇文章中介绍了如何使用ckplayer播放器,但是有的人不需要CK播放器右边的开关灯分享插件,那么就需要把该插件给去掉,方法也很简单。 第一步:先打开ckplayer.js里找到下面三行删除掉 第二步: ckplayer.xml里找到下面三行删除掉 第三步:style.swf(改成style. 阅读全文
posted @ 2015-08-25 09:27 风雨后见彩虹 阅读(1020) 评论(0) 推荐(0) 编辑
摘要:网页中常见的功能就是播放视频,下面介绍的这个ckplayer.js既可以在pc端播放,也可以在手机网页上播放。 可调用flash也可以调用html5播放器 CKobject.embed(...)里面的参数依次分别为: flash播放器文件路径; 容器ID; 播放器的ID; 宽度:可以是百分比; 高度 阅读全文
posted @ 2015-08-24 17:41 风雨后见彩虹 阅读(9239) 评论(0) 推荐(0) 编辑
摘要:在开发一个页面的时候常常会有这么一个小功能,就是分享该页面中的信息。 常见的分享代码有百度分享, JiaThis分享插件(现在貌似不能用了),bshare分享插件等,我主要分享一下自定义分享代码,如下: htm代码: 阅读全文
posted @ 2015-08-24 11:48 风雨后见彩虹 阅读(6355) 评论(0) 推荐(0) 编辑
摘要:入门 Scroll是一个类,每个需要使用滚动功能的区域均要进行初始化。每个页面上的iScroll实例数目在设备的CPU和内存能承受的范围内是没有限制的。 尽可能保持DOM结构的简洁。iScroll使用硬件合成层但是有一个限制硬件可以处理的元素。最佳的HTML结构如下: iScroll作用于滚动区域的 阅读全文
posted @ 2015-08-24 09:59 风雨后见彩虹 阅读(3253) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示