网页前端设计

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

搜索文章

优雅无关金钱2017/5/19 16:01:26

优雅无关金钱

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

美文精神

阅读(62)条

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...未完,继续阅读→

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

比特币病毒来袭,预防感染及手动关闭445端口操作教程

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

病毒教程

阅读(575)条

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元素位置

阅读(128)条

.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桌面

阅读(187)条

解决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参数

阅读(429)条

解决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

阅读(650)条

解决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

阅读(1467)条

微信小程序中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微信小程序

阅读(735)条

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

阅读(983)条

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

阅读(1203)条

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

阅读(1512)条

jquery左右滚动的tab选项卡效果(附源代码下载)2016/11/12 10:36:51

jquery左右滚动的tab选项卡效果(附源代码下载)

一、概述:以前写过一篇tab选项卡效果[前端设计js+Tab切换可关闭+添加并自动判断是否已打开自动切换当前状态],现在看来这种功能是可以但是不适合太多的菜单。所以今天就为了故意补上这一篇之《jquery左右滚动的tab选项卡效果》页面底部附下载地址,当然如果你使用esayui也可以实现那种效果,但是感觉太庞大了,整个框架使用很不方便。 效果图下图所未:demo 地址:http://www.86y.org/demo/tab_scroll/二、使用说明:1、调用tab窗口方法class属性必须使用 J_menuItem的样式、data-index菜单的顺序、href弹窗的url可以加参数区别但...未完,继续阅读→

jQuery的deferred对象详解2016/11/5 13:36:34

jQuery的deferred对象详解

每个版本都会引入一些新功能。今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要,未来将成为jQuery的核心方法,它彻底改变了如何在jQuery中使用ajax。为了实现它,jQuery的全部ajax代码都被改写了。但是,它比较抽象,初学者很难掌握,网上的教程也不多。所以,我把自己的学习笔记整理出来了,希望对大家有用。一、什么是deferred对象?开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异步的操作(比如ajax读取服务器数据),也有同步的操作(比如遍历一个大型数组),它...未完,继续阅读→

jqdeferredajax

阅读(485)条

H5 WebSocket 如何和C#进行通信2016/11/3 10:22:06

H5 WebSocket 如何和C#进行通信

HTML5作为下一代的 Web 标准, 拥有许多引人注目的新特性,如 Canvas、本地存储、多媒体编程接口、WebSocket 等。WebSocket 在浏览器和服务器之间提供了一个基于 TCP 连接的双向通道。Web 开发人员可以非常方便地使用 WebSocket 构建实时 web 应用。HTML5 WebSocket 的目的就是要取代轮询和 Comet 技术,使客户端浏览器具备像 C/S 架构下桌面系统的实时通讯能力。 WebSocket 在数据传输的稳定性和数据传输量的大小方面,和轮询以及 Comet 技术比较,具有很大的性能优势。     下面给出一个简单的例子,来说明websock...未完,继续阅读→

html5通信net

阅读(938)条

table表格标题栏置顶特效2016/11/2 15:01:32

table表格标题栏置顶特效

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

jstable置顶

阅读(764)条

html5上传多个文件并添加水印(附源代码下载)2016/10/24 13:52:18

html5上传多个文件并添加水印(附源代码下载)

一、概述:在html5以前,大家对批量上传还只能用SWF或,模拟来实现数据批量上传的效果,使用起来非常不方便,代码也是非常的多。随着html5越来越普及,已经可以直接使用file文件上传控件直接批量上传了。关键属性 multiple,本实例的实现是模拟了input file效果,功能是一样的。上传图片后台结合了net 中的ashx接口实现了批量上传并添加水印的效果。(底部附源代码下载)效果如下图所示:二、实现过程:1、准备工作:引入Jq库(http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js),及jquery-form.js插件(jquery-form.js下载地址)2、htm...未完,继续阅读→

jsonp数据格式及实例展示附源码2016/10/17 11:27:52

jsonp数据格式及实例展示附源码

一、概述:在做项目的时候经常会用到跨域调用一些接口,所以不得不用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调用方法$.ajax({ type: "get", dataType: "jsonp", ...未完,继续阅读→

实例json源码

阅读(1232)条

当前第  1  页 / 共  38  页  总共754条记录  

12345678