相关搜索 >> 图片

  • 0822ASP.NET Ueditor上传图片添加水印教程阅读(752)条2016/8/22 15:11:42

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

    Taget:net 编辑器 水印 教程 

  • 0317css图片文字水平垂距中阅读(833)条2016/3/17 22:16:22

    一、本文概述想必大家在做效果的时候经常会碰到文字会垂直距中的效果,单行、多行混合的情况,单行距中已无问题,height,line-height又或者padding:上下相同即可。在网上搜索到不少资料,本人实践后的经验是父级标签属性:display:table-cell;vertical-align:middle;距中标签元素:vertical-align:middle;display: inline-block;使用以上两个技巧即可以使得标签内的文字或图片垂直距中。当然这些使用的同时会有些属性会干扰到垂直距中,如:pos...阅读全文

    Taget:css 图片 文字 距中 

  • 1104jq多图片展示局部放大特效阅读(1272)条2015/11/4 20:59:37

    1、开篇:本实例主要是结合了小图片左右滚动和一个图片放大的特效。想偷懒的偷去用,也可以根据需求完善成你自己想的的效果。(文章底部附源文件下载)2、效果如下图所示3、Html源代码如下:<!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-e...阅读全文

    Taget:jq 图片 放大,滚动 

  • 0930js动态获取图片长宽尺寸(通用性好,兼容所有浏览器)阅读(1621)条2015/9/30 16:50:08

    lightbox类效果为了让图片居中显示而使用预加载,需要等待完全加载完毕才能显示,体验不佳(如filick相册的全屏效果)。javascript无法获取img文件头数据,真的是这样吗?本文通过一个巧妙的方法让javascript获取它。这是大部分人使用预加载获取图片大小的例子:var imgLoad = function (url, callback) {var img = new Image();img.src = url;if (img.complete) {callback(img.width, img.height);} else {img.onload = function () {callb...阅读全文

    Taget:js 图片 尺寸 插件 

  • 0702jq+ashx图片单点上传支持一个页面多次调用阅读(1632)条2015/7/2 20:17:14

    本人一直在前端做效果切图,趁着晚上有空写点笔记记录下。效果就是AJAX上传图片不错的效果,最大的特点是支持多个同时在页面中调用。(底部附源代码下载)效果如下图:本代码使用说明:1、支持水印,可以启用图片或文字(可以传参数?iswater=1);2、支持是否生成缩略图,并且要指定高宽大小(可作为参数传递?width=*&height=*);3、上传文件类型及文件大小限止大小;(需要在ashx文件中设置)。前端代码如下:(uploadimg.html)<%@ Page Language=&...阅读全文

    Taget:ajax 图片 上传 net 

  • 0520手机版 js图片浏览插件(附源代码下载)阅读(3918)条2015/5/20 20:33:39

    在新的手机项目中有要求对多张图片进行浏览,所以本人也是在网上找了很多都没有找到合适的代码,后来在某网站上找了一个改成了自己的比较好用,而且没有某网站那样调用JSON,这样感觉就通用,而且很方便,可以对多个区域进行调用即。底部附源代码下载一、效果图下图所示:放大浏览图内容 主要div 源代码如下:<!-- 放大浏览图开始 --><div class="m-dt" id="Jslider"> <div class="swipe-wrap"...阅读全文

    Taget:js 手机 插件 图片 下载 

  • 0729Nivo Slider-超好用的jQuery图片轮播插件阅读(3235)条2014/7/29 16:58:35

    今天在博客园发现一JQ的图片轮播插件,学习了一下,非常好用,使用起来也超级简单。(底部附下载地址)特色如下:✓  16个独特的过渡效果✓  简洁和有效的标记✓  加载参数设置✓  内置方向和导航控制✓  压缩版本大小只有12KB✓  支持链接图像✓  支持 HTML 标题✓  3套精美光滑的主题✓  在MIT许可下免费使用✓  支持响应式设计浏览器兼容情况✓  Internet Explorer v7+✓  Firefox v3...阅读全文

    Taget:jq 插件 图片 轮播 

  • 0402js无刷新预览所选择的图片文件阅读(3360)条2014/4/2 16:06:29

    本实例效果用进来非常方便不会错误上传不相关的文件。选中文件后可以即时预览你选中的图片文件是不是非常方便呢。1.效果如下,可测试 //本地图片预览function setImagePreview(fieldupload, image, imagediv) {var docObj = document.getElementById(fieldupload);var imgObjPreview = document.getElementById(image);if (docObj.files && docObj.files[0]) {//火狐下,直接设img属性 imgObjPreview.styl...阅读全文

    Taget:预览 图片 js 

  • 0401css让网页变灰兼容IE/ff/chrome阅读(3216)条2014/4/1 16:24:19

    今天在chrome用百度看到【马航最后通话内容】就点进去了,发现谷歌浏览器的图片颜色都变成灰色的了。但是今天不是讨论马航,而是讨论一个前端站长的技术问题—css让网页变灰兼容IE/ff/chrome。好奇的我用debug查看了下。代码如下:html{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicIma...阅读全文

    Taget:css 灰色 图片 

  • 0318让网站的图片变成灰色效果兼容所有主浏览器阅读(5388)条2014/3/18 14:25:15

    以前有写过用 【HTML5&jQuery指向时图片从灰度变成彩色】 的文章,不兼容跨域的网站图片,所以今天看到有篇文章支持多浏览器图片变灰度的效果。就把上一篇文章改进一下。希望在前端努力的朋友可以借鉴一下。兼容:兼容Firefox 3.5+, Opera 15+, Safari, Chrome, and IE。效果图如下:(因为本人虚拟机不支持SVG文件的打开,所以只能你自已手动复制内容到本地运行!)  源代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTM...阅读全文

    Taget:css 灰色 图片 

  • 0313jq仿虾米网flash效果阅读(2116)条2014/3/13 10:05:36

    这是很久以前写的一个效果了,之前虾米音乐网首页的一个flash效果,最初觉得这flash效果也可以完全用jq来写,于是空余时间就写了下当作练习吧,现在就拿出来跟大家分享下其中的实现原理!先上最终效果图:特点:1、鼠标经过动态创建元素2、判断鼠标经过每行的最后二个改变方向完整代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&qu...阅读全文

    Taget:jq 图片 特效 

  • 0106HTML5&jQuery指向时图片从灰度变成彩色阅读(3156)条2014/1/6 10:31:50

    今天看到一个非常漂亮的图片展示效果,是用HTML5&jQuery做的,指向时图片从灰度变成彩色。(谨记图片不能跨域,否则报错)SecurityError: The operation is insecure.效果图如下:源代码如下<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ...阅读全文

    Taget:特效 jq html5 

当前第  1  页 / 共  3  页  总共32条记录  

123