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

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

Taget：jq 菜单 拖动 插件 

0715.net 视频转换成m3u8列表+缩略图（附源代码下载)阅读(12035)条2017/7/15 8:41:45

一、概述：现在使用m3u8格式的视频也是越来越多，因为可以兼容PC、移动端。最主要的是可以做到减轻服务器的压力（按需加载）。html5播放m3u8(hls)示例：www.86y.org/demo/m3u8/  示例使用的播放器是：chplayer 是一个不错的开源播放器这样可以兼容各个平台，需要的可以进去下载并使用。本实例也是在网上下载下来的(来源)，但是直接运行是会报错的。最后成功实现了转换功能，所以在此记录下使用过程及心得。主要是运用了ffmpeg.exe。生...阅读全文

Taget：m3u8 ffmpeg 视频 转换 

0626jQueryRotate旋转插件 使用说明阅读(6455)条2017/6/26 10:12:33

一、概述:最近公司准备做一个html5的转盘效果，所以在网上找了一些资料，发现这个插件（jQueryRotate）挺不错的所以就记录下来。使用也很方便，可以快速制作动画。效果如下：二、参数说明：参数类型说明默认值angle数字旋转一个角度0animateTo数字从当前的角度旋转到多少度0step函数每个动画步骤中执行的回调函数，当前角度值作为该函数的第一个参数无easing函数自定义旋转速度、旋转效果，需要使用 jQuery.easing.js无duration整数旋转持续时间，...阅读全文

Taget：插件 说明 旋转 

0616css3 伪元素模拟单、复选框特效 之 如何更容易的选中阅读(7324)条2017/6/16 14:48:37

一、概述：本来Css3模拟单、复选框是挺容易的，问题不是在这个上面，而是如何更容易的选中。而不仅仅是那个单、复选框的区域。所以本实例是整行都可以选中。本实例采用纯Css3配合来完成的，并不需要js，相反以前做的部分还是用JS事件去做这个效果，发现真的很LOW。随着html5越来越普及，估计以后代码都会越来越精简了！效果如下图所示：二、实现及代码：1、因为只要点击input区域就可以选中或取消，所以我就围绕input来做动作,只要input足够大能点击的到...阅读全文

Taget：css3 伪元素 技巧 

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

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

Taget：特效 移动端 demo 

0614css 兼容ie8 rgba()的办法阅读(6807)条2017/6/14 15:56:11

今天遇到了一个问题，要在一个页面中设置一个半透明的白色div。这个貌似不是难题，css3只需要给这个div设置如下的rgba即可：background: rgba(255,255,255,.1);但是要兼容到ie8。这个就有点蛋疼了。因为ie8不支持rgba()函数。下面我们总结一下rgba()函数的含义。rgba的含义，r代表red，g代表green，b代表blue，红绿蓝是三原色。所有颜色都可以由这三种颜色拼合而成。a代表透明度。比如rgba（255，255，255，0.1）就是透明度为0.1的白色。在现代浏览器中是...阅读全文

Taget：兼容 css rgba ie8 

0519优雅无关金钱阅读(6835)条2017/5/19 16:01:26

一身纯白的套状，面带微笑。每天早上，她走过公司的大门，人们都会投去羡慕的目光。她的高雅华贵由内向外散发，她的灿烂微笑毫不做作。这并不奇怪，拿着高薪，衣食无忧，兴许还嫁了位富豪，又有什么理由不高雅呢？　　可熟悉她的人都知道，这些仅仅是人们的主观臆断罢了。　　她只是这家公司的勤杂工，做着领报纸、送文件、打开水、拖地板之类的琐碎事，每月仅有1000元的薪水，她还经常被大家招来唤去。她下岗后找到这份差事。两年前离婚，负心的丈夫除了女儿，...阅读全文

Taget：美文 精神 

0518ACCESS 使用UNION All 合并同一个表两次查询的结果，实现置顶效果阅读(10912)条2017/5/18 10:11:58

一、概述：其实今天的实例是一个类似于新闻置顶的sql查询，因为置顶的需要在前面，没置顶的自然就往后排。有些情况可以适当的参考。 二、针对网络提出问题并解答：数据库表：pro_typeidpname1001服装2001水果3001药品4001海鲜 1、问题：产品 【水果】的类型id是：2001，如何把水果排在第一位其它不变？(效果如下)idpname2001水果1001服装3001药品4001海鲜 2、Access sql实现代码如下(sql server 未做试验)：select * from (SELECT * F...阅读全文

Taget：access sql 合并 实例 

0515比特币病毒来袭,预防感染及手动关闭445端口操作教程阅读(6753)条2017/5/15 11:10:26

一、病毒介绍:引用【百度百科】2015年初，一种名为"CTB-Locker"的比特币敲诈病毒在国内爆发式传播，该病毒通过远程加密用户电脑文件，从而向用户勒索赎金，用户文件只能在支付赎金后才能打开。反病毒专家称，目前（截止2015年）国内外尚无法破解该病毒。CTB-Locker最早在2015年初传入国内，其最新变种的敲诈金额为3个比特币，约合人民币6000余元。该病毒伪装成邮件附件，一旦受害者点击运行，就会弹出类似"订单详情"的英文文档。...阅读全文

Taget：病毒 教程 

0508JQuery 获得div绝对,相对位置的坐标方法阅读(9988)条2017/5/8 11:38:26

一、概述：一般JS去获取某元素的坐标时先考虑到是相对坐标还是绝对坐标，当然一般相对坐标可能会多一些。下面将介绍如何用JQ获取元素的相对坐标及绝对坐标方法。下图只做了Y坐标的解释图。二、获取方法获取相对(父元素)位置:var X = $('#DivID').position().top;var Y = $('#DivID').position().left;获取页面某一元素的绝对X,Y坐标var X = $('#DivID').offset().top;var Y = $('#DivID&...阅读全文

Taget：jq 元素 位置 

0417.net 保存url快捷方式到桌面源码阅读(6956)条2017/4/17 13:47:47

一、概述js 保存到桌面快捷方式 安全有限止了，所以还是得用后台程序来做代码。在网上找了不少资料发现。url可以快捷方式到桌面，但是图标始终不行，所以只能用系统自带的图标。本文附代php源码。效果如下图所示：图标显示效果跟系统有关系。win7系统图标二、两种代码 实现1、C#代码using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;public partial cl...阅读全文

Taget：net 桌面 

0228解决input 属性为 number，maxlength无效情况阅读(16327)条2017/2/28 14:14:21

移动端在使用input数字number类型的时候maxlength竟然无效，因为是手机号码限止11位数字输入。<input type="text"  maxlength="11" />   效果ok，当 <input type="number"  maxlength="11" />时maxlength失效，长度可以无限输入。 解放方案：<input type="number" oninput="if(value.length>11)value=value.slice(0,11)" />...阅读全文

Taget：input number maxlength bug