js

dragsort插件使用案例

在编写网页的时候,有时可能需要对ul的li进行排序,今天就给大家推荐使用jquery插件jquery list dragsort实现列表拖动排序效果。 效果如图:  jquery list dragsort列表拖动插件使用方法 $(“ul”).dragsort({     dragSelector: “li”,     dragEnd: function() { },     dragBetween: false,     placeHolderTemplate: “<li></li>” }); jquery list dragsort列表拖动插件参数说明 dragSe…阅读全文

Luck弹层组件

Luck 使用原生js实现不依赖任何js类库,压缩后的js代码不到2kb,是一个高度可定制的、免费并且开源的移动端弹层组件,任何企业或个人都可以免费使用。 关于Luck 我有一只小狗,名字叫luck,感觉这个luck好记又好听所以命名为 luck弹层组件,组件使用了css3的动画,就像luck一样活泼可爱,如果您觉得好用的话就点击右侧的分享按钮分享到您的朋友圈吧!让更多的人知道luck Luck接口 参数名 是否必须 类型 描述 基础调用方法: luck.open({content:”内容”})关闭调用方法: luck.close() title 否 Array 可传入…阅读全文

js插件、前端教程、前端框架网站推荐

网址 前端技术教程、手册 前端技术教程、手册 jQuery之家 jQuery插件库 Bootstrap前端框架 求字体 Js插件 手机屏幕水平滑动框架flipsnap.js slidesjs 兼容移动端的图片滚动效果 图片放大镜效果 swipejs移动端幻灯,支持手势滑动 jquery动画扩展库 my97日期控件 Layer弹层组件 ajax分页插件 kindeditor编辑器 hcharts图表 echarts图表 chart图表 鼠标滚轮事件 拖动插件 代码高亮 移动端日期控件 瀑布流布局插件 超牛逼的图片弹层幻灯 字体图标 字体图标【Font Awesome】 字体图标【bootstra…阅读全文

html5 css3 特效

HTML5 Canvas – 涂鸦画板 JS+CSS3动画 – 绚丽值日表 JS+CSS3 – 立方体特效 CSS3动画 – 水波纹特效 HTML5 Canvas – 七巧板 CSS3动画-立方体翻转 HTML5桌面提醒

手机触摸屏的JS事件

处理Touch事件能让你跟踪用户的每一根手指的位置。你可以绑定以下四种Touch事件: 属性 实例1 实例2 演示地址:demo 请用手机访问测试

js模拟select

前端工作中难免因为ui设计师的刁难而写了很多代码来支撑他的设计,大家应该最长遇见的就是要用js模拟一个select表单元素,具体怎么实现呢?我简单写了一个jquery插件,需要的朋友可以点击下面的demo查看 演示地址:demo

android浏览器,使用canvas绘制图像重影的解决办法

android浏览器,使用canvas绘制图像重影的解决办法 现象:android4.0以上一部分手机的webview中,当canvas小于屏幕大小时,绘图时会出现重影,就是说一个图只绘制了一遍,却出现了两个 网上查找的解决方案1:根本没解决问题 canvas外层的div需要设定属性 style=”overflow:visble;-webkit-transform:translateZ(0);” 然后继续查找解决方案在http://www.360doc.com/content/14/0731/14/1045556_398354343.shtml 这里找到如下解决方案: …阅读全文

Console控制台命令详解

  Firebug控制台详解 控制台(Console)是Firebug的第一个面板,也是最重要的面板,主要作用是显示网页加载过程中产生各类信息。 一、显示信息的命令 Firebug内置一个console对象,提供5种方法,用来显示信息。 最简单的方法是console.log(),可以用来取代alert()或document.write()。比如,在网页脚本中使用console.log(“Hello World”),加载时控制台就会自动显示如下内容。 另外,根据信息的不同性质,console对象还有4种显示信息的方法,分别是一般信息console.info()、…阅读全文

getBoundingClientRect() 获取元素位置

它返回一个对象,其中包含了left、right、top、bottom四个属性 var X= this.getBoundingClientRect().left; var Y =this.getBoundingClientRect().top; 相当于 jquery的: this.offset().left、this.offset().top js的:this.offsetLeft、this.offsetTop