一、水印 1.画布 System.Drawing.Image img = System.Drawing.Image.FromStream(FileUpload1.FileContent);2.创建绘制对象,告诉它往哪张图片上绘制 Graphics g = Graphics.FromImage(img);3.绘制的内容string s = www.itnba.com;4.绘制的字体 Font f = new Font("黑体",130);5.绘制的画刷 Brush b = new SolidBrush(Color.Red);6.开始绘制 g.DrawString(s, f, b, 5, 5);二、图片验证码 Bitmap bit = new Bitmap(90, 40);//画布大小...
web前端数据请求或者表单提交往往通过对dom的点击事件来操作,但是往往因为认为点击过快(少年手速挺快的嘛),或者因为响应等待使得用户误人为没操作而重复很多次点击,造成表单数据的连续重复提交,造成用户体检的不好,甚至影响到整个系统的安全性。而前端的防治重复提交至少很有效的防治了人为正常操作下的很多不必要麻烦。下面就来讲讲如何有效避免前端的表单重复提交 表单提交有以下几种方式: <form name=”form” method=”...
废话不多说了直接给大家贴js代码了。具体代码如下所示:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>web前端对上传的文件进行类型大小判断的js自定义函数</title> </head> <body> <form> <input type="file...
最后的效果如下:这里面有几个功能,第一个是支持拖拽,第二个压缩,第三个是裁剪编辑,第四个是上传和上传进度显示,下面依次介绍每个功能的实现: 1. 拖拽显示图片 拖拽读取的功能主要是要兼听html5的drag事件,这个没什么好说的,查查api就知道怎么做了,主要在于怎么读取用户拖过来的图片并把它转成base64以在本地显示。 var handler = { init: function($container){ //需要把dragover的默认行为禁掉,不然会跳页 $container....
经手几个项目,还是感觉 Layer 用起来比较的轻松,你能想到的 Layer 都能帮你做到。感谢 Layer 作者贤心,Layer 官网地址:http://layer.layui.com/ 1. Layer 使用特点Layer 具备全方位的解决方案,致力于服务各水平段的开发人员,让页面轻松地拥有丰富友好的操作体验。Layer 尽可能地在以更少的代码展现更强健的功能,注重性能的提升、易用和实用性.。Layer 兼容了包括IE6在内的所有主流浏览器。 数量可观的接口,可以自定义需要的...
这里,实现多标签页效果的方法有两个,一个是基于DOM的,另一个是基于jquery的,此次我写的是一个对于一个电话套餐的不同,显示不同的标签页 方法一: 首先,我们要把页面的大体框架和样式写出来,html和css代码如下: <ul id="tab"> <li id="tab1" onclick="show(1)">10元套餐</li> <li id="tab2" onclick="show(2)">30元套餐</li> <li id="tab3" onclick="show(3)">50元包月</li> </ul> <div id="container"> <div id="content1"...
本章将为大家介绍以下几点内容; 1、jquery的主要特点; 2、建立jquery的编码环境; 3、简单jquery脚本示例; 4、选择jquery而不是纯javaScript的理由; 5、常用的jquery开发工具;jquery能做什么? ① 取得文档中的元素 $(div.content).find(p); ② 修改页面的外观$(ul > li:first).addClass(active); ③ 改变文档内容$(#container).append(<a href="www.baidu,com">more</a>) ④ 为页面添加动态效果$(div.content).slideDown();...
Bower 是 twitter 推出的一款包管理工具,基于nodejs的模块化思想,把功能分散到各个模块中,让模块和模块之间存在联系,通过 Bower 来管理模块间的这种联系。 包管理工具一般有以下的功能: a)注册机制:每个包需要确定一个唯一的 ID 使得搜索和下载的时候能够正确匹配,所以包管理工具需要维护注册信息,可以依赖其他平台。b)文件存储:确定文件存放的位置,下载的时候可以找到,当然这个地址在网络上是可访问的。c)上传下载:这...
面试题是招聘公司和开发者都非常关心的话题,公司希望通过它了解开发者的真实水平和细节处理能力,而开发者希望能够最大程度地展示自己的水平(甚至超常发挥)。本文提供了众多前端开发面试题,无论是招聘方还是应聘方都值得一看! 前言年前刚刚离职了,分享下我曾经出过的一道面试题,此题是我出的一套前端面试题中的最后一题,用来考核面试者的JavaScript的综合能力,很可惜到目前为止的将近两年中,几乎没有人能够完全答对,并非...
一个简单技巧的集合,帮你提升 jQuery 技能。目前小编给大家整理了14个jquery小技巧。目录结构 1回到顶部按钮 2预加载图片 3检查图片是否加载完毕 4自动修复损坏的图片 5Hover 上的 Class 开关 6禁用 input 字段 7停止链接加载 8淡入淡出/滑动开关 9简单的折叠效果 10将两个 Div 设为相同高度 11在新窗口打开外部链接 12找到文本元素 13切换可视与隐藏的触发器 下面给大家介绍每个小技巧的具体含义。 1.回到顶部按钮 通过使用 jQue...
本文给大家展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。这些都是我尽量记住的有着最佳性能的代码段,因此如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中!我希望你在这一文章中能找到有帮助的东西。 1. 如何创建嵌套的过滤器 //允许你减少集合中的匹配元素...
一张关于Web前端方面的思维导图,留下来备用:
下面是我整理和收集的一些前端开发常用的 插件、工具、软件等不为别的,相当于给电脑做个小备份,至于使用方法,以后我会总结,目前的话还是自行google吧。 【FireFox插件】 1. Firefbug —— 页面调式工具 2. YSlow —— 网页评级工具 3. pixel Perfect —— HTML与设计稿对比 4. CSS Usage —— CSS使用效率优化工具 5. Page Speed —— 快速优化网页类似于YSlow 6. Measureit —...
1.jQuery鼠标悬停文字渐隐渐现动画效果 这是一款基于JQuery实现的鼠标悬停文字渐隐渐现动画效果源码,是一款鼠标悬停后图片渐渐有一层透明遮罩层,同时说明文字从左侧滑入,鼠标离开后文字从右侧滑出,整体效果美观自然,用户体验较好。是一款比较优秀的特效源码。该源码兼容目前最新的各类主流浏览器。在线演示 源码下载 2.jquery基于small2big实现的图片突出显示特效 这是一款基于Jquery的small2big插件实现的图片突出显示特效源...
在网页做查询以前都是这么做的 表单获取关键字 –> 传入后端SQL语句处理 –>数据返回给前端显示 今天突然到游览器的Ctrl+F的这个功能怎么实现的,把数据一次放在页面上,然后在用JS 去匹配页面的内容。 不管怎么样,现在完成了功能,然后在做优化代码如下:$(function(){ var UserArray = new Array(); var TurenameArray = new Array(); var table = $("table>tbody"); table.children().each(function(){ ...