相关搜索 >> js

  • 1225js文字从右往左无限滚动 支持PC,移动端阅读(432)条2017/12/25 10:49:31

    一、概述:关于文字滚动插件太多,PC跟移动端使用来能同时兼容的并不多,基于以上原因自己还是动手写了一个单纯的文字从右向左滚动的DEMO,思路来源于上一篇《小程序 文字从右往左无限滚动》。一个页面支持多个滚动。二、实现过程:1、解决思路:如果宽度滚动小于文字内容宽度,则滚动,反之停止。默认是只有一条标签,但是在实现过程中需要最好需要二条来实现,所以js会自动添加一条相同的内容。滚动的时候最好的方法不是让它滚完,而是当第一条滚动完...阅读全文

    Taget:js 插件 滚动 

  • 1202百度地图 js 检索屏幕区域 周边信息阅读(318)条2017/12/2 13:50:33

    一、概述:最近刚刚做一个新的项目,是关于房地产的,用到了百度地图周边检索信息:如该坐标点附近的:学校、医院、地铁、公交、银行、休闲等一些设施需要切换显示出来。走了很多弯路,最初还是看人家怎么做的,然后模仿着做。最终还是从新找了新的方法,适合自己的才是好方法(底部附完整源码下载及演示链接)。效果如下图所示:二、需求分析及核心代码1、首先以坐标点为中心,在该屏幕区域内的坐标:var bs = map.getBounds(); //获取可视区域var bssw ...阅读全文

    Taget:地图 源代码 js 

  • 0829解决photoswipe插件 url 参数&gid=null阅读(696)条2017/8/29 17:07:24

    一、概述:photoswipe.js 插件 点击图片展示时 &gid=null 怎么回事,为什么报这个null,展示还是可以用的,但是发现为null后没刷新是没办法自动展示的。在网上没找着这个问题,但是还是被发现了。photoswipe.js是一款非常棒的图片预览插件,支持手机、PC端。非常好用,自定义非常好,但是需要一定的JS功底才能做出自己要实现的效果。因为我要在使用swiper 焦点图切换的基础上使用图片预览特效,所以我的html代码如下:<div id="demo-te...阅读全文

    Taget:插件 图片展示 js 

  • 0724nestedSortable.js jq插件 判断菜单是否拖动到所移动的位置 源代码下载阅读(803)条2017/7/24 11:22:02

    一、概述:最近在做自定义模块这类的功能,导航菜单需要自定义,也就是二级与一级菜单可以相互拖动。为什么说nestedSortable.js使用起来方便,因为他这个比其它的插件更要人性化,而不是一味的为拖动而已,而且保留有拖动后的菜单只是隐藏,再配合另外一个很好的API函数:isAllowed: function (placeholder, placeholderParent, currentItem) ,判断是否允许移动,return false则取消拖动显示隐藏的拖动菜单,return true则执行拖动隐藏的拖动菜...阅读全文

    Taget:jq 菜单 拖动 插件 

  • 0615html5+ js +css3 点击后水波纹扩散效果 兼容移动端阅读(2899)条2017/6/15 15:00:48

    一、概述:其实很早就看到过点击后水波纹扩散效果这种了,APP中比较常见,所以今天特意找了一些资料然后做成DEMO分享给大家,让大家更容易的学到并运用到实际项目中去。实例效果如下: 现在 新版 chrome 59.0 PC端 在【设置】中很多操作按钮已经有这个效,果如下:二、实现原理:1、超出按钮隐藏;2、里面新增加标签模拟圆;3、用JS控制圆的宽度及坐标;4、关键是css3样式控制从小到大逐渐透明的动画。三、源代码:(兼容移动端)预览地址:http://www.8...阅读全文

    Taget:特效 移动端 demo 

  • 0227JS获取url地址以及其它的参数阅读(1236)条2017/2/27 14:03:19

    javascript 获取当前 URL 参数的两种方法://返回的是字符串形式的参数,例如:class_id=3&id=2& function getUrlArgStr(){ var q=location.search.substr(1); var qs=q.split('&'); var argStr='' if(qs){ for(var i=0;i<qs.length;i++){ argStr+=qs[i].substring(0,qs[i].indexOf('='))+'='+qs[i].substring(qs[i].indexOf('=')+1)+'&' ...阅读全文

    Taget:js url 参数 

  • 1123UEditor百度编辑器在html源代码 状态下 无法获取修改后的内容【解决方案】阅读(4156)条2016/11/23 14:57:50

    一、概述:今天在测试UEditor 编辑器 【HTML代码】模式下修改时又发现了一个问题了,源代码状态下后台无法获取修改后的内容,用它本身的js方法可以获取ue.getContent(),后台获取需要修改成设计视图才能获取。不知道大家有没有碰到过这种问题。不知道是BUG还是UE本身的产品设计,但是对用户体验来说也是很不好的,本方法只是取巧写了一个js方法,使用起来还算方便,不需要修改源代码。二、解决方案1、在.net控件使用代码如下:(其它语言只需要在提交...阅读全文

    Taget:编辑器 bug js 

  • 1102table表格标题栏置顶特效阅读(1787)条2016/11/2 15:01:32

    一、概述:最近在修改后台效果,大家知道后台使用table的概率很高,数据列表展示都是用它。但是在使用的过程中table第一行标题栏老是会随着滚动条而移动有时候看哪列的数据还要移上去才能看到是哪行。那么就需要第一行的标题置顶了,此效果能够完善的解决这个问题。当然有些控件已经做到了这些效果。但是比较麻烦使用起来很不方便,所以自己动手做了一个。使用也比较方便。效果如下:二、大概思路是:1、首先利用一个DIV模拟滚动条(给容器设置的高度...阅读全文

    Taget:js table 置顶 

  • 1017jsonp数据格式及实例展示附源码阅读(13300)条2016/10/17 11:27:52

    一、概述:在做项目的时候经常会用到跨域调用一些接口,所以不得不用jsonp来做,但是使用时应该注意几问题,jsonp返回的数据不能是简单的json格式,不然jsonp会不识别导致获取不到值。下面就开始介绍如何获取jsonp的方法级json接收的格式效果如图:二、核心代码及注意事项1、jq库的引入<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>2、jsonp调用方...阅读全文

    Taget:实例 json 源码 

  • 0921js生成canvas二维码并实现下载到本地PC端阅读(5168)条2016/9/21 17:31:57

    一、简述:本着做手机端的二维码保存到本地的效果,但是没办法实现。只能在PC端实现,干脆写了下来,以便日后使用。使用了html5的canvas标签,动态创建二维码,可以自己输入url,二维码的尺寸,然后生成自己的二维码。需要使用支持html5的浏览器方可。效果图如下:二、实例代码<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&...阅读全文

    Taget:二维码 下载 js canvas 

  • 0901js操作cookie,有效期至当天晚上23点59分59秒的cookie阅读(2845)条2016/9/1 11:38:11

    今天碰到一个需要设置cookies当天23:59:59时失效的效果,此方法可以实现。//添加cookievar setCookie = function (c_name, value) { var curDate = new Date(); //当前时间戳 var curTamp = curDate.getTime(); //当日凌晨的时间戳,减去一毫秒是为了防止后续得到的时间不会达到00:00:00的状态 var curWeeHours = new Date(curDate.toLocaleDateString()).getTime() - 1; //当日已经过去的时间(毫秒) var ...阅读全文

    Taget:js cookie 时间 

  • 0827js => 今天发现的一个新的js函数写法阅读(1773)条2016/8/27 9:33:12

    今天在网上参观到一个写法,返回字符串每个字母的个数var arr="aaabbccaa";var info = arr.split("").reduce((p, k) => (p[k]++ || (p[k] = 1), p), {});console.log(info);得到:Object {a: 5, b: 2, c: 2}reduce我查到是es5新加了array函数,这里不细说,有兴趣自己查;关键是‘=>’,是我第一次在js中见到;在网上查了查没找到什么资料,自己理解吧,希望有大神指正。应该就是匿名函数,类似于()=>...阅读全文

    Taget:js 函数 

当前第  1  页 / 共  12  页  总共140条记录  

12345678