生活在别处

爱IT | 一个存放笔记的小盒子


  • 首页

  • 留言

  • 邻居

  • 归档

  • 关于

jQuery实现网站图片版权保护

发表于 2014-04-06 22:57:00

在网易Lofter上发现了这款图片版权保护的代码,研究了一下,此代码使用到了jQuery 事件 - delegate() 方法:为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。也可以向尚未创建的元素添加事件处理程序。

当向图片右键点击时,禁用右键,并通过向网页body添加DIV及CSS样式,返回“版权保护”字样,提示未授权者不得复制。效果请点击链 接并在图片上鼠标右击查看,图片版权保护代码如下:

<script>window.Img = {'Protected':true,ContextValue:'版权保护'};</script>
<script>
(function(){var commonFunc = function() {
	   if (!!window.Img&&!!window.Img.Protected) {
		$(document).delegate('img', 'contextmenu', function(event){//为所有img元素添加事件;
	             $("#img_protect").remove();
		     $("<div id='img_protect' oncontextmenu='return false;' style='z-index:99999;color:#fff;position:absolute;background:#000;padding:8px;opacity:.8;filter:alpha(opacity=80);border-radius:3px;'>" + window.Img.ContextValue + "</div>").appendTo("body").css("left", event.pageX).css("top", event.pageY).show().delay(3000).fadeOut('fast');//添加DIV及CSS样式;
                     event.returnValue=false;
		     return false;
			});
			$(document).click(function(event){$("#img_protect").remove();});
			$('img').click(function(event){$("#img_protect").remove();});
		}};
	try {if(!window.jQuery){loadJquery(commonFunc);}else{$(document).ready(commonFunc);}}catch(e){}
})();
</script>

使用方法:将以上代码粘贴到需要加载的网页即可,默认对全部图片进行版权保护,定制功能,请自行修改。

JQuery实现highslide查看贴图库原图

发表于 2014-03-28 22:25:00

Emlog官方网站上放出了贴图库图床的插件,写文章时上传的图片将永久保存您在贴图库的相册下。在调用时返回图片方式有三种:1缩略图:宽度不超过300 ;2展示图:宽度不超过800;3原图:不进行任何压缩。

现在的问题是,如果我们返回缩略图或者是展示图,图片都会被进行压缩缩放,即使使用highslide查看图片所得到的效果也会是被缩放的。如果我们返回原图,则会因为一些大图在加载时导致网页撑破或者网页卡顿。因此有没有一种两全其美的办法,在网页加载时我们需要缩略图或展示图,而在点击图片用highslide查看是展示的就是原图,这样既美观又清晰。

一般加载highslide效果后,图片的代码如下:

<a href="http://i1.tietuku.cn/cc6eb7dbbff9e480t.jpg" class="highslide" onclick="return hs.expand(this)"><img src="http://i1.tietuku.cn/cc6eb7dbbff9e480t.jpg" width=" " height=" " alt="" ></a>

我们发现上面图片的缩略图地址是http://i1.tietuku.cn/cc6eb7dbbff9e480t.jpg,展示图地址为http://i1.tietuku.cn/cc6eb7dbbff9e480s.jpg,原图地址是http://i1.tietuku.cn/cc6eb7dbbff9e480.jpg,因此我们要做的就是将上面A标签之内的href的值改为原图地址,只需将t.或s.替换为.即可。

对于获取A标签内地址并替换修改,jQuery代码如下(附效果图一张):

$(".highslide").attr("href").replace(/[st]\./,".") 

PS:原贴图库图床插件,插入的图片是带有外链代码的,也就是说当你点击图片时会在新窗口打开,去除外链代码请找到此插件template文件夹下的index.html文件,修改其内的87、91、93行去除A标签即可。

有个瑕疵就是,不管你上传的图片是什么格式,贴图库返回的缩略图都是jpg格式,因此,上述方法只适用于jpg格式的图片,其他比如png、gif等需要进一步改进,暂时尚未找到合适的方法。

分享typecho简洁模板一套

发表于 2014-03-28 22:10:00

前几天试用了一下Typecho,顺便将之前在网易Lofter上面用到的一套比较简洁的皮扒了下来,现分享出来,喜欢的请下载。演示效果请移步:生活在别处。 附上预览图一张:

     

附件下载:typecho简洁模板LIIE

CSS打造图片边框阴影效果

发表于 2014-03-19 21:37:00

效果请点击链接查看,代码如下:

.image{padding:10px;border:1px solid #646464;background:#fff;
       -moz-box-shadow:5px 6px 8px #646464;
       -webkit-box-shadow:5px 6px 8px #646464;
       box-shadow:5px 6px 8px #646464;
       filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#646464');
       }

待售域名(liie.net、liir.net、irli.net)三枚

发表于 2014-03-09 21:20:00

现有域名三枚待售,分别是 liie.net、liir.net、irli.net,请需要的留言,也可邮件联系mail@wwqk.net,非诚勿扰!

参考含义:

liie(life is excellent、live in eternal、live life、like life、latest intelligent idea、limitless idea、英文名liie、life is a poem、Life is beautiful、Life is a maze、life is incredible、life is elsewhere、life is everything)

liir(life is rich、life is riddle、life is a dream、life is a drama、Life is short、life is private、life is art、life in art )

irli(incredible life、interesting life、internet life、in real life、i restful life、i rewrite life、阿里、阿狸)等。

Excel随着表格内容自动调整高度或宽度

发表于 2014-02-19 21:02:00

在使用excel的时候,有时我们需要根据输入内容的多少调整表格的高度和宽度,如何让EXCEL自动调整呢。因本人目前实用的Office为2013版本,因此暂时先介绍此版本实现方法,其他2003版EXCEL、WPS版EXCEL的设置也大致相同,有时间再补上。2013版本实现方法如写下:

1、实现自动调整宽度。选中全部表格(Ctrl+A),如图选择开始——格式——自动调整列宽即可。另附上设置前后的效果图。

2、实现自动调整高度。分两步设置,首先选中全部表格(Ctrl+A),如上图选择开始——格式——自动调整行高;然后再选中全部表格(Ctrl+A),右键单击调出菜单——设置单元格格式——对齐——文本控制中“自动换行”一项选中,确定即可。另附上设置前后的效果图。

通过以上步骤的设置,即可实现Excel随着表格内容自动调整高度或宽度。需要注意的是,如果自动调整后你又手动进行了行宽或行高的调整,表格内容修改(增加、删除等操作)回车后表格是不会自动调整的,而是记忆的你手动调整的宽度。

网银“无法显示此页”解决办法

发表于 2013-12-28 20:03:00

如下图,最近浏览器升级到IE11,单位的网银却无法打开。一直显示图片中的错误“无法显示此页”。

解决方法如下:进IE11的工具菜单>Internet 选项>高级,找到“安全”部分下的TLS1.1和1.2,然后取消勾选这两项重启浏览器进入即可。

金士顿U盘DT101 G2量产及故障修复

发表于 2013-11-27 21:52:00

今天收到同事的一个4G金士顿U盘,插入提示格式化,但是快速格式化和低格表示都无法完成。不得已进行量产准备重新刷入一下固件。本以为修复起来很轻松,没想到碰到个难缠的老虎。在此次折腾的过程中,感觉到找准正确的量产程序版本和固件版本很重要,会事半功倍。

刚开始找的量产版本和固件版本就不对,虽然程序能识别出来,但是在刷固件的过程中出现种种错误,如提示get ini parameter 0xF817、ISP fail!0x1102、Mode 255 Flash Status Error、lock drive volume 0xE010等等。

在第一次刷固件的过程中使用了错误的版本[UP21(PS2251-61)量产工具v3.31.OA],致使固件刷了一半就卡在ISP Firmware不动,然后报错就再也识别不出来了。不得以只能找到PS2251- 61的电路图,短接闪存29-30脚连电脑成功,量产工具MPALL也正常识别了u盘。    

后来试了很多版本都不对,最终总算是功夫不负有心人,在使用版本Phison MPALL v3.32.0C并刷入其自带i的内置固件后才得以修复成功。

        

        

Excel 中比较两列数据中重复的数据

发表于 2013-11-20 22:10:00

现在有两列数据A、B,内容不固定,A和B列互相含有各自拥有的数据。现在找出两列数据中重复的数据,操作如下:

1、在C1中输入公式『=IF(ISERROR(VLOOKUP(B1,$A$1:$A$100,1,0)),"不重复","重复")』。

2、在 Microsoft Office Excel 2003 和 Excel 的较早版本中,选择“编辑”菜单上的“填充”,然后单击“向下”。在 Microsoft Office Excel 2007 和 Excel 2010 中,在“编辑”组中单击“填充”,然后单击“向下”。

如果填充公式后没反应,务必要查看数据中是否存在空格,如果有,请先用Trim()函数删除字符串中多余的空格再试。如果是跨工作簿比较两列数据,请查看跨工作簿引用的相关知识。

1...1112131415...25
Mr.T

Mr.T

https://aiit.me/

221 文章
8 分类
109 标签
RSS
腾讯云 阿里云
友情链接
林小沐Mr.Hefooleap灰常记忆老杨小FBettyunee wangFROYO个站商店秦大叔林海草原zfile南博Artalktwikoo有呀微信文件传输助手网页版宇阳Mr.6's blog野草博客
© 2025 Mr.T 当前共计2084条评论
鲁ICP备15006136号
Typecho
主题 - NexT.Pisces