禁用右鍵單擊功能如果你不想用戶復制網站信息,那麼開發者可以使用這段代碼——禁用右鍵單擊功能。<font><font>$(document).ready(function() {
//catch the right-click context menu
$(document).bind(“contextmenu”,function(e) {
//warning prompt – optional
alert(“No right-clicking!”);
//delete the default context menu
return false;
});
});</font></font>禁止下載網頁圖片有時候有些圖片是有版權的,不能隨便讓人下載,這時候我們可以通過JS來找到阻止用戶下載圖片的做法,就是當鼠標放到圖片上的時候,彈出一個提示窗,提示用戶不能下載,當然這樣做是不夠的,隻是屏蔽掉瞭用戶點擊右鍵的可能性。如果瀏覽者是一位互聯網高手,則此方法無效。<title>禁止下載圖片</title><A HREF=”javascript:void(0)” onMouseover=”alert(‘Sorry!本圖片不能隨意下載,隻允許觀看~’)”><img SRC=”/images/logo.gif” Border=”0″></A>圖片預加載此段代碼幫助用戶快速加載圖片或網頁頁面。<font><font>jQuery.preloadImagesInWebPage = function()
{
for(var ctr = 0; ctr<arguments.length; ctr++)
{
jQuery(“”).attr(“src”, arguments[ctr]);
}
}
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() {
alert(‘The image has been loaded…’);
});</font></font>頭像360度旋轉一個用HTML5/css3寫成的圖片旋轉特效,鼠標放上後圖片就開始不停的旋轉,對CSS3動畫效果感興趣的,更不可錯過哦,用CSS3實現動畫效果很不錯的范例。<!DOCTYPE html><html><head><meta charset=”utf-8″><title>CSS3鼠標懸停360度旋轉效果</title><style>* {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);}</style></head><body><div></div><div style=”text-align:center;clear:both;”></div></body></html>本文參考9ima.comcodefanscsdn
本文出自快速备案,转载时请注明出处及相应链接。