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…阅读全文

移动web开发注意事项

1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用 <meta content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;” name=”viewport” /> <meta content=”yes” name=”apple-mobile-web-app-capable” /> <meta content=”black” name=”apple-mobile-web-app-status-b…阅读全文

html5手机网站需要加的那些meta/link标签,html5 meta全解

一、大众机型常用meta标签name的设置 1、name之viewport <meta name=”viewport” content=””> 说明:屏幕的缩放 content的几个属性: width viewport的宽度[device-width | pixel_value]width如果直接设置pixel_value数值,大部分的安卓手机不支持,但是ios支持; height – viewport 的高度 (范围从 223 到 10,000 ) user-scalable [yes | no]是否允许缩放 initial-sca…阅读全文

Luck弹层组件

QQ图片20150513093438

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

DNS预获取(dns-prefetch)

<link rel=”dns-prefetch” href=”http://a0.twimg.com”/> <link rel=”dns-prefetch” href=”http://a1.twimg.com”/> <link rel=”dns-prefetch” href=”http://a2.twimg.com”/> <link rel=”dns-prefetch” href=”http://a3.twimg.com”/> <link rel=”dns-prefetch” href=”http://api.twitter.com”/&g…阅读全文

浅析 CSS3 pointer-events

pointer-events属性值详解 auto——效果和没有定义pointer-events属性相同,鼠标不会穿透当前层。 none——元素不再是鼠标事件的目标,鼠标不再监听当前层而去监听下面的层中的元素。但是如果它的子元素设置了pointer-events为其它值,比如auto,鼠标还是会监听这个子元素的。 浏览器兼容性 Firefox 3.6+和chrome 2.0+ 以及safari 4.0+都支持这个CSS3属性,IE6/7/8/9都不支持