网页前端设计

http://www.86y.org

搜索文章

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

阅读(16244)条

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

阅读(8207)条

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可以加参数区别但...未完,继续阅读→

tab选项卡滚动下载

阅读(11531)条

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

jQuery的deferred对象详解

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

jqdeferredajax

阅读(5044)条

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

阅读(18713)条

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

table表格标题栏置顶特效

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

jstable置顶

阅读(8943)条

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源码

阅读(31499)条

JQuery判断radio是否选中并且获取选中值2016/10/15 15:50:00

JQuery判断radio是否选中并且获取选中值

一、概述:做前端经常要写一些常用的JS事件,如:获取radio选中的值,判断有没有选中,等等,说难不难,只是需要查阅即可。本篇【JQuery判断radio是否选中并且获取选中值】也是讲述一些快速容易记住的方法给大家。演示效果如下:二、源代码及环境:1、引用Jq库 :http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js2、html源代码如下:<p>请选择你的性别</p><p><label>1.<input type="radio" name="sex" value="男" />男</label><br /><label>2.<...未完,继续阅读→

前端jqradio

阅读(10743)条

js生成canvas二维码并实现下载到本地PC端2016/9/21 17:31:57

js生成canvas二维码并实现下载到本地PC端

一、简述:本着做手机端的二维码保存到本地的效果,但是没办法实现。只能在PC端实现,干脆写了下来,以便日后使用。使用了html5的canvas标签,动态创建二维码,可以自己输入url,二维码的尺寸,然后生成自己的二维码。需要使用支持html5的浏览器方可。效果图如下:二、实例代码<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>二维码生成器并下载-幸凡学习网</title> <style type="text/css&...未完,继续阅读→

二维码下载jscanvas

阅读(13821)条

页面调用lhgdialog框架时url含井号引起的BUG2016/9/9 11:32:15

页面调用lhgdialog框架时url含井号引起的BUG

页面调用lhgdialog框架时url含#号引起的BUG一、lhgdialog框架介绍lhgdialog是一功能强大的简单迷你并且高效的弹出窗口插件,基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+主要以iframe方式加载单独页面为主的弹出窗口,由其适用于后台管理和webOS类项目使用,独立的内容页更方便管理,页面的也不易受其它页面的影响,而且内容页可以是静态或动态的任何一种文件。二、使用环境在C#.net下的调用原本是想利用#top号来实现点击分页后自动定位到锚标的地方,因为顶部到列表表格还有100多像素。定位...未完,继续阅读→

lhgdialog插件bug

阅读(6941)条

.net sitemap制作方法2016/9/7 17:32:37

.net sitemap制作方法

.net sitemap制作方法一、什么是网站地图及作用网站地图,又叫站点地图,它就是一个列出了你网站上所有页面地址的清单文件,一般来说分为2种,一种是给搜索引擎看的,一种是给用户看的,前者帮助搜索引擎更好地收录你的网站,后者帮助用户更好的了解你的网站整体结构、更快的找到他们想要找的内容。本文讲的主要是前者,当然作用也就是SEO优化。网站地图:一般有3种格式,txt、xml、html,绝大部分情况下都是用xml格式,百度、谷歌都是支持xml格式。本文主要讲xml的制作方法。二、制作方法1、XML格式<?xml version="1.0" encoding="utf-8"...未完,继续阅读→

sitemap网站地图net

阅读(5802)条

js操作cookie,有效期至当天晚上23点59分59秒的cookie2016/9/1 11:38:11

js操作cookie,有效期至当天晚上23点59分59秒的cookie

今天碰到一个需要设置cookies当天23:59:59时失效的效果,此方法可以实现。//添加cookievar setCookie = function (c_name, value) { var curDate = new Date(); //当前时间戳 var curTamp = curDate.getTime(); //当日凌晨的时间戳,减去一毫秒是为了防止后续得到的时间不会达到00:00:00的状态 var curWeeHours = new Date(curDate.toLocaleDateString()).getTime() - 1; //当日已经过去的时间(毫秒) var passedTamp = curTamp - curWeeHours; //当日剩余时间 var leftTamp = 24 * 6...未完,继续阅读→

jscookie时间

阅读(10740)条

js => 今天发现的一个新的js函数写法2016/8/27 9:33:12

js => 今天发现的一个新的js函数写法

今天在网上参观到一个写法,返回字符串每个字母的个数var arr="aaabbccaa";var info = arr.split("").reduce((p, k) => (p[k]++ || (p[k] = 1), p), {});console.log(info);得到:Object {a: 5, b: 2, c: 2}reduce我查到是es5新加了array函数,这里不细说,有兴趣自己查;关键是‘=>’,是我第一次在js中见到;在网上查了查没找到什么资料,自己理解吧,希望有大神指正。应该就是匿名函数,类似于()=>(),这种,前()为输入,后()为输出;试验:var kk=(a,b)=>(a+b);kk(2,6);执行后,得到8;还...未完,继续阅读→

js函数

阅读(7770)条

完美 全兼容 解决 文字两端对齐 justify2016/8/26 11:05:43

完美 全兼容 解决 文字两端对齐 justify

text-align:justify; 所有浏览器都支持,text-justify之类的却只有IE支持,就不要考虑了。justify我的理解,使元素内部的子元素两端对齐,子元素当然只能是inline或inline-block。但justify对最后一行是无能为力的。我们在对齐姓名时,因为只有一行,当作最后一行,所以不会两端对齐的效果。姓名对齐我们比较常用的是&ensp;(半个中文空格),&emsp;(一个中文空格)来添充两个字,三个字的姓名,使包括四字的姓名都能对齐。例如: 欧阳大咖张&ensp;小&ensp;三王&emsp;&emsp;五  但我们发现大部分...未完,继续阅读→

对齐兼容css

阅读(6509)条

ASP.NET Ueditor上传图片添加水印教程2016/8/22 15:11:42

ASP.NET Ueditor上传图片添加水印教程

首先来一张我们想要的功能界面,如果发觉这种效果不是你想要的,后面的内容就不用看了。准备 从官网下载的Ueditor压缩包,我下载的是ueditor1_4_3-utf8-net 这个版本,下面的介绍是对这个版本而言的。修改界面先找到我们要添加"加水印[checkbox]"的地方 由此可以知道,我们应该到image.html 这个文件去修改我们的html代码,在 image.html文件的第36行开始添加几行html代码,如下图:  刷新界面,单击多图上传>本地上传,界面就变成这样了:  寻找可行的办法打开FireBug,选中控制台,我们...未完,继续阅读→

SQLite学习笔记之三2016/8/22 13:39:06

SQLite学习笔记之三

一.如何备份数据库先打开数据库test.dbE:\sqlite\tool\sqlite-3_6_22>sqlite3  D:\Test\debug\test.dbsqlite> .backup D:\\Test\\debug\\test.bak注意:一定要用\\双斜杠 二.如何恢复数据库先打开数据库test.dbE:\sqlite\tool\sqlite-3_6_22>sqlite3  D:\Test\debug\test.dbsqlite> .restore D:\\Test\\debug\\test.bak注意:一定要用\\双斜杠 三.先判断表如果不存在,则再创建表SQL可以如下写,供参考:create table if not exists student(id integer primary key autoincrem...未完,继续阅读→

sqlite数据库笔记

阅读(5681)条

SQLite学习笔记之二2016/8/22 13:37:56

SQLite学习笔记之二

一.建立数据库sqlite3.exe test.db 二.双击sqlite-3_6_16目录下的程序sqlite3.exe,即可运行三.退出.exit或者.quit四.SQLite支持如下5种数据类型1.NULL:空值。2.INTEGER:带符号的整型,具体取决有存入数字的范围大小。3.REAL:浮点数字,存储为8-byte IEEE浮点数。4.TEXT:字符串文本。5.BLOB:二进制对象。 五.联系人表格结构如下create table contact(id integer primary key autoincrement,lastname varchar(20),firstname varchar(20),mobile varchar(30), telephone varchar(20),email  varchar(30), c...未完,继续阅读→

sqlite数据库笔记

阅读(4436)条

SQLite学习笔记之一2016/8/22 13:35:56

SQLite学习笔记之一

一.如何获取SQLite最新版本官方站点:http://www.sqlite.org/从http://www.sqlite.org/网站的Download页面获取即如下页面下载http://www.sqlite.org/download.html二.Windows下的SQLite的源代码是哪个软件压缩包?sqlite-amalgamation-3_6_22.zip是SQLite的windows下源码文件 三.Window下的SQLite命令行工具sqlite-3_6_22.zip四.Window下的SQLite开发库,即动态链接库以及DEF文件sqlitedll-3_6_22.zip五.SQLite最新版本是:3.6.22六.b<=a && a <= c 的SQL语句如何写在SQLite中, 表达式"...未完,继续阅读→

sqlite数据库笔记

阅读(4687)条

当前第  4  页 / 共  28  页  总共559条记录  

1234567