相关搜索 >> 图片

  • 0402js无刷新预览所选择的图片文件阅读(8090)条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阅读(10016)条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让网站的图片变成灰色效果兼容所有主浏览器阅读(10540)条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效果阅读(6284)条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指向时图片从灰度变成彩色阅读(7975)条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 

  • 1221ckeditor编辑器加+图片自动上传成功(附源代码)阅读(16375)条2013/12/21 13:46:29

    以前写了一篇关于【kindeditor/ckeditor编辑器加+图片自动上传成功】的文章,发现讲的还不够详细,今天细细的来讲解一下如何使用。源代码下载地址在文章底部。(此实例功能是偷懒的程序———就是复制网络文章只要有不是本站的图片就会显示【上传】按钮,你点击【上传】后程序会自动帮你把图片存到你的服务器上)第一步:下载并安装在IIS中虚拟upload站点(注意本实例不是主目录)我设置的IIS端口是1100(http://localhost:1100/cked...阅读全文

    Taget:ckeditor 配置 上传 

  • 1204js图片未加载完显示loading效果阅读(25750)条2013/12/4 16:45:29

    为了图片有个友好的显示效果,未加载之前显示loading,加载完成才显示图片,如果找不到图片则显示加载失败failed。效果图如下:<html><title>js图片未加载完显示loading效果</title><body><style>img{float:left;width:200px;height:200px;margin:0 10px 10px 0}</style><script>//判断浏览器var Browser=new Object();Browser.userAgent=window.navigator.userAgent.toLowerCase();Browser....阅读全文

    Taget:js 图片 loading 

  • 101123个功能强大的jQuery/CSS3图片特效插件阅读(6146)条2013/10/11 11:43:02

    以下是分享的20几个不错的图片特效插件,基于jQuery和CSS3。1、jQuery图片下滑切换播放效果这是一款基于jQuery的焦点图插件,这款焦点图的特点是有向下滑动的动画效果,滑到底部时,有弹跳的效果,焦点图很霸气,非常不错。 在线演示    /   素材下载2、jQuery带闹钟功能的数字时钟这是一款基于jQuery的数字时钟,这款时钟的特点是带有闹钟功能,你可以为时钟设置多少时间后开启闹铃,很实用吧。在线演示 &nb...阅读全文

    Taget:jq css3 特效 

  • 0718js控制汽车360度图片展示阅读(7718)条2013/7/18 11:41:44

    这是我在博客园看到的一篇关于JS的图片展示效果确实不错。js控制汽车360度图片展示,等等大家能想到的都可以去发挥。在这里把代码贴给大家看,希望你能做出更好的效果来。难度不大。<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>汽车360度图片展示</title><script id="jquery_183" type="text/javascript" class=...阅读全文

    Taget:js 汽车 展示 

  • 0111css3图片超酷特效阅读(6840)条2013/1/11 10:16:37

    本文特效主要是运用了css3的动画功能,当然你的浏览器要支持css3才能看的到效果。截图如下:大概效果源代码如下:<!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=ut...阅读全文

    Taget:css3 图片 特效 

  • 120425套五彩缤纷的矢量网页背景图片素材-免费下载阅读(11520)条2012/12/4 14:04:03

    丰富多彩的矢量网页背景图片素材是设计师的宝贝,也是很好的装饰电脑桌面的壁纸。网页背景图片素材有同心圆,彩虹,闪烁的星星,圆点,箭头和云彩等各种形状,五彩缤纷。在网站设计中使用矢量背景和矢量元素是一个新的趋势,越来越多的网页设计师喜欢再网页设计中使用矢量网页背景图片素材。下面是25套五彩缤纷的矢量网页背景图片素材,希望你会喜欢!1. Vector Green Design2. Awesome vector graphic3. Vector Heart Flowers4. Colorful Desi...阅读全文

    Taget:矢量 背景 素材 

  • 0821js图片多功能切换效果阅读(6863)条2012/8/21 9:59:03

    记得以前只会用IE里面的图片切换特效,后台由于接触到不同的浏览器发现,原来只有IE支持。现在终于有了个支持所有浏览器的图片切换特效。让我们开始吧js图片多功能切换效果,实例特效中有(百页窗,屏幕中间向两边变化,左上角往右下角变化,方格变化)链接与图片是分开的,其实此特效图片只是用来作为背景,然后不停地切换,而且b的class作为链接b的内容作为title也是不停的切换。这样大家使用起来比较方法!代码如下: <a href="#1&...阅读全文

    Taget:js 图片切换 特效 

当前第  2  页 / 共  4  页  总共37条记录  

1234