网页前端设计

http://www.86y.org
feedskyQQ邮箱

搜索文章

浅谈jquery中attr和prop的区别2017/8/9 11:11:40

浅谈jquery中attr和prop的区别

一、概述:在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单:对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。 二、说明:上面的描述也许有点模糊,举几个例子就知道了。<a href="http://www.86y.org" target="_self" class="btn">幸凡学习网</a>这个例子里<a>元素...未完,继续阅读→

jqattrprop

阅读(96)条

C#.NET用HttpWebRequest 添加 headr 解决方法2017/7/29 11:34:14

C#.NET用HttpWebRequest 添加 headr 解决方法

平时写HttpWebRequest程序抓取html时,我们经常要模拟浏览器进行数据的获取或提交,因此就必须要对http头的相关属性进行设置。但当我需要设置“Host”值的时候,比如:request.Headers.Set("Host", "86y.org");以为万事大吉了,但运行时却提示【无法直接修改标题“Host”】,无法修改!怎么办?在http头中,不仅“Host”不能设置,其他的一些属性也有无法设置的情况,比如“Connection”request.Headers.Set("Connection", "keep-alive");这样写会...未完,继续阅读→

net抓取header

阅读(123)条

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

nestedSortable.js jq插件 判断菜单是否拖动到所移动的位置 源代码下载

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

jq菜单拖动插件

阅读(136)条

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

.net 视频转换成m3u8列表+缩略图(附源代码下载)

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

jQueryRotate旋转插件 使用说明2017/6/26 10:12:33

jQueryRotate旋转插件 使用说明

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

插件说明旋转

阅读(251)条

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

css3 伪元素模拟单、复选框特效 之 如何更容易的选中

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

css3伪元素技巧

阅读(359)条

html5+ js +css3 点击后水波纹扩散效果 兼容移动端2017/6/15 15:00:48

html5+ js +css3 点击后水波纹扩散效果 兼容移动端

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

特效移动端demo

阅读(625)条

css 兼容ie8 rgba()的办法2017/6/14 15:56:11

css 兼容ie8 rgba()的办法

今天遇到了一个问题,要在一个页面中设置一个半透明的白色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的白色。在现代浏览器中是支持rgba的。但是在ie8等古董级浏览器中是不支持的rgba的,ie8只能勉强支持rgb()函数(即...未完,继续阅读→

兼容cssrgbaie8

阅读(358)条

ACCESS 使用UNION All 合并同一个表两次查询的结果,实现置顶效果2017/5/18 10:11:58

ACCESS 使用UNION All 合并同一个表两次查询的结果,实现置顶效果

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

accesssql合并实例

阅读(514)条

JQuery 获得div绝对,相对位置的坐标方法2017/5/8 11:38:26

JQuery 获得div绝对,相对位置的坐标方法

一、概述:一般JS去获取某元素的坐标时先考虑到是相对坐标还是绝对坐标,当然一般相对坐标可能会多一些。下面将介绍如何用JQ获取元素的相对坐标及绝对坐标方法。下图只做了Y坐标的解释图。二、获取方法获取相对(父元素)位置:var X = $('#DivID').position().top;var Y = $('#DivID').position().left;获取页面某一元素的绝对X,Y坐标var X = $('#DivID').offset().top;var Y = $('#DivID').offset().left;小提示:获取相对位置 父级容器需要用到position:relative;三、结语...未完,继续阅读→

jq元素位置

阅读(556)条

.net 保存url快捷方式到桌面源码2017/4/17 13:47:47

.net 保存url快捷方式到桌面源码

一、概述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 class desk_index : System.Web.UI.Page{ protected void Page_Load(object sender, ...未完,继续阅读→

net桌面

阅读(522)条

解决input 属性为 number,maxlength无效情况2017/2/28 14:14:21

解决input 属性为 number,maxlength无效情况

移动端在使用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)" /> 很简单,搞定!未完,继续阅读→

JS获取url地址以及其它的参数2017/2/27 14:03:19

JS获取url地址以及其它的参数

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)+'&' } } return argStr; } //返回的是对象形式的参数 function getUrlAr...未完,继续阅读→

jsurl参数

阅读(742)条

解决ios手机页面overflow scroll滑动很卡的问题2017/2/23 15:24:00

解决ios手机页面overflow scroll滑动很卡的问题

今天在IOS系统上测试 web App的时候发现使用了position:fixed/absolute时,DIV容器里面下滑动没有像普通页面一样顺畅,手滑到哪就停到哪。感觉很卡一样,而安卓效果正常,算是一个bug。终于在网上找到了一个解决方法。 -webkit-overflow-scrolling:touch; 加上去后果然有用,也就是说DIV容器使用的定位属性引起的。当时效果是弹出一个层,body无滚动条,但是弹出层需要可以上下滑动。如果你也碰到了这个问题希望可以用这一句css代码帮到你!未完,继续阅读→

bugios定位webapp

阅读(1465)条

解决ios 微信 input 获取焦点时fixed失效2017/1/11 11:33:07

解决ios 微信 input 获取焦点时fixed失效

一、概述做微信页面经常会碰到IOS与Android不兼容性问题,例如顶部置顶搜索框,IOS 获取焦点有软键盘唤起的情况下fixed置顶无效,而是变成了absolute跟随页面可以滚动,Android则没有任何问题,在ios8以下系统,当小键盘激活时,都会出现位置浮动问题的bug,所以暂时只能自己Fixed。先说明我本身的使用情况。方法1:本来可以用absolute(定位)来解决,但是我的页面是有下拉加载新数据,依靠body的scroll事件来触,因为用了定义并不能触发。所以我在此种情况使用的思路是:BUG如下图所示:方法2、让fixed变为relative然后滚动到顶部,同时在...未完,继续阅读→

iosfixedinputbug

阅读(2705)条

微信小程序中rpx与rem单位转换2017/1/10 10:56:11

微信小程序中rpx与rem单位转换

本文讲解rpx和rem应用于微信小程序,如果你还没有入门,建议先从下面看起:微信小程序官方文档web app变革之remrpx单位官方文档rpx单位基础介绍如果看完上面几篇文章,我们开始进入正题吧~~一、rem的使用1) js中导入下面这段代码(function (doc, win) { var docEl = doc.documentElement, resizeEvt = "orientationchange" in window ? "orientationchange" : "resize", recalc = function () { var clientWidth = docEl.clientWidth; if (...未完,继续阅读→

rpxrem微信小程序

阅读(1351)条

iis WebSocket 搭建环境及配置2016/12/26 10:02:15

iis WebSocket 搭建环境及配置

WebSocket是html5新增加的一种通信协议,目前流行的浏览器都支持这个协议,例如Chrome,Safari,Firefox,Opera,IE等等,对该协议支持最早的应该是chrome,从chrome12就已经开始支持,随着协议草案的不断变化,各个浏览器对协议的实现也在不停的更新。该协议还是草案,没有成为标准,不过成为标准应该只是时间问题了,目前对该协议支持最完善的浏览器应该是chrome,毕竟WebSocket协议草案也是Google发布的。在WINDOWS SERVER 2012或WINDOWS SERVER 2012 R2 安装说方法1、在任务栏上,单击服务器管理器。2、在服务器管理器,单击管理菜单,然...未完,继续阅读→

iiswebsockethtml5

阅读(1672)条

kindeditor 批量上传加水印附源文件下载.net版本2016/12/22 17:31:45

kindeditor 批量上传加水印附源文件下载.net版本

一、概述:本次修改的是最新版本kindeditor-4.1.10 主要是针对.net版,批量上传添加水印,水印可以选择文字或是图片。修改过程挺奇葩,因为有些API不熟,导至走了不少弯路,言而总之还是惊喜。喜欢本实例的朋友可以下载DEMO源文件,文章底部附下载地址。效果图如下: 二、环境要求:1、.net4.0 版本或以上2、添加引用 LitJson.dll,下载地址:http://download.csdn.net/detail/pukuimin1226/5851711只要以上两个条件就可以在IIS下运行了。 三、修改代码:1、kindeditor-all.js,本人没有使用精简js,因为方便修改。搜索uploadDesc: u...未完,继续阅读→

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

UEditor百度编辑器在html源代码 状态下 无法获取修改后的内容【解决方案】

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

编辑器bugjs

阅读(2257)条

UEditor chrome 点击上传文件选择框会延迟几秒才会显示2016/11/14 15:37:45

UEditor chrome 点击上传文件选择框会延迟几秒才会显示

一、概述:关于UEditor在谷歌浏览Chrome打开选择指上传图片,发现【点击选择图片】时无法立即弹出选择框,而是等4-7秒钟才显示出来的BUG,试了N多方法,改层级都用了,也无效。在网上找到了一个篇文章,按教程发现没有找到这个需要修改的问题,然后自己又鼓捣着找到了。然后就解决了这个bug。二、解决方案修改路径:/ueditor/dialogs/image/image.js,如下图所示:修改位置:367行开始(或通过 "accept" 或者"image/*" 找到下图的位置),将accept: { title: 'Images', extensions: acceptExtensions, ...未完,继续阅读→

ueditorchromebug

阅读(1994)条

当前第  1  页 / 共  26  页  总共516条记录  

12345678