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

禁用右键单击功能

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

$(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