网站版权 禁止复制下载 使用小技巧

禁用右键单击功能

如果你不想用户复制网站信息,那么开发者可以使用这段代码——禁用右键单击功能。

$(document).ready(function() {//catch the right-click context menu$(document).bind("contextmenu",function(e) { //warning prompt - optionalalert("No right-clicking!");//delete the default context menureturn false;});});

禁止下载网页图片

有时候有些图片是有版权的,不能随便让人下载,这时候我们可以通过JS来找到阻止用户下载图片的做法,就是当鼠标放到图片上的时候,弹出一个提示窗,提示用户不能下载,当然这样做是不够的,只是屏蔽掉了用户点击右键的可能性。如果浏览者是一位互联网高手,则此方法无效。

禁止下载图片

图片预加载

此段代码帮助用户快速加载图片或网页页面。

jQuery.preloadImagesInWebPage = function()}To use the above method, you can use the following piece of code:$.preloadImages("image1.gif", "image2.gif", "image3.gif");To check whether an image has been loaded, you can use the following piece of code:$('#imageObject').attr('src', 'image1.gif').load(function() );

头像360度旋转

一个用HTML5/css3写成的图片旋转特效,鼠标放上后图片就开始不停的旋转,对CSS3动画效果感兴趣的,更不可错过哦,用CSS3实现动画效果很不错的范例。

CSS3鼠标悬停360度旋转效果

* {

margin:0;

padding:0;

list-style:none;

}

body {

background:#1F1F1F;

}

.zzsc {

width: 220px;

height: 220px;

margin: 0 auto;

background: no-repeat url("/jscss/demoimg/201405/author.jpg") left top;

-webkit-background-size: 220px 220px;

-moz-background-size: 220px 220px;

background-size: 220px 220px;

-webkit-border-radius: 110px;

border-radius: 110px;

-webkit-transition: -webkit-transform 2s ease-out;

-moz-transition: -moz-transform 2s ease-out;

-o-transition: -o-transform 2s ease-out;

-ms-transition: -ms-transform 2s ease-out;

}

.zzsc:hover {

-webkit-transform: rotateZ(360deg);

-moz-transform: rotateZ(360deg);

-o-transform: rotateZ(360deg);

-ms-transform: rotateZ(360deg);

transform: rotateZ(360deg);

}

本文参考

9ima.com

codefans

csdn

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180206A0ZN4000?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券