今天你Hi了吗?

今天在博友(陌小雨)的博客里看到了这种效果,其实这效果我很早之前就看过了,只是没去整理,今天刚刚好看到就顺便整理下,虽然没有什么技术含量,但是可以作为娱乐之用,顺便分享给大家…………

你一点下High一下,你要是High够了,刷新页面即停止!^_^’);

前端大师常用js插件整合

jQuery官方下载

演示地址 : http://jquery.com/download/
下载地址 : http://jquery.com/download/

 

jQuery Sortable 排序 jQuery 插件

演示地址 : http://johnny.github.io/jquery-sortable/
下载地址 : http://johnny.github.io/jquery-sortable/

 

Javascript类表单验证库

演示地址 : https://togetherjs.com/
下载地址 : https://github.com/mozilla/togetherjs

 

前端相册排序插件MixItUp.js

演示地址 : http://mixitup.io/#Demos
下载地址 : http://mixitup.io/#Download

 

网站图片延迟加载插件lazyload.js官网

演示地址 : http://www.greatidc.com/Doc/
下载地址 : http://www.appelsiini.net/projects/lazyload

 

透镜状插件 lenticular.js

演示地址 : http://lenticular.attasi.com/
下载地址 : http://lenticular.attasi.com/

 

jqFloat.js – 浮动效果与jQuery!

演示地址 : http://www.inwebson.com/demo/jqfloat/
下载地址 : http://inwebson.com/demo/download/jqfloat.zip

 

ckplayer-超酷网页视频播放器

演示地址 : http://www.ckplayer.com/
下载地址 : http://www.ckplayer.com/bbs/forum.php?mod=viewthread&tid=4257

 

ajax文件管理器ckfinder官方下载

演示地址 : http://cksource.com/ckfinder/demo
下载地址 : http://cksource.com/ckfinder/download

 

IE PNG Fix 解决PNG图片IE6白底

演示地址 : http://www.twinhelix.com/css/iepngfix/
下载地址 : http://www.twinhelix.com/css/iepngfix/

 

layer(jQuery-plugin-layer)web弹窗(层)插件

演示地址 : http://sentsin.com/jquery/layer/
下载地址 : http://sentsin.com/jquery/layer/

 

jqGrid前端页面与后台数据ajax异步通信插件

演示地址 : http://www.trirand.com/blog/jqgrid/jqgrid.html
下载地址 : http://www.trirand.com/blog/?page_id=6

 

Jquery下拉菜单美化插件Select.js

演示地址 : http://ivaynberg.github.io/select2/
下载地址 : https://github.com/ivaynberg/select2/tags

 

artDialog是一个精巧的web对话框组件

演示地址 : http://demo.198zone.com/artDialog-master/doc/index.html
下载地址 : https://github.com/aui/artDialog

 

自定义下拉框样式(dropdownlist)

演示地址 : http://www.baidufe.com/component/dropdownlist/test.html
下载地址 : https://github.com/zxlie/dropdownlist

 

jquery弹窗显示大图或者单页详细内容插件fancybox

演示地址 : http://www.198zone.com/codedemo/?id=1154
下载地址 : http://fancyapps.com/fancybox/#license

 

鼠标图片放大插件-JQUERY ZOOM

演示地址 : http://www.jacklmoore.com/zoom/
下载地址 : http://www.jacklmoore.com/zoom/

 

幻灯片插件-SLIDESJS

演示地址 : http://slidesjs.com/
下载地址 : http://slidesjs.com/

 

幻灯片插件-SKITTER

演示地址 : http://www.skitter-slider.net/
下载地址 : http://www.skitter-slider.net/

 

jQuery Mobile 轻松建立手机站

演示地址 : http://www.198zone.com/codedemo/?id=949
下载地址 : http://jquerymobile.com/download/

清空源码防止网站代码被查看

<html>
<head>
<script language=”javascript”>
function clear(){
Source=document.body.firstChild.data;
document.open();
document.close();
document.title=”看不到源代码”;
document.body.innerHTML=Source;
}
</script>
</head>
<body onload=clear()>
<!–
这招算是目前网上公布的防止查看源代码的方法中最好的了,当然了,要看还是办法的,比如在地址栏中输入<br>
javascript:alert(document.documentElement.outerHTML);
–>
</body>
</html>

通用屏蔽鼠标右键的一个方法

<!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=gb2312″ />
<title>屏蔽鼠标右键代码 – 代码笔记</title>
</head>

<body>
<script language=JavaScript>
<!–

if (window.Event)
document.captureEvents(Event.MOUSEUP);

function nocontextmenu()
{
event.cancelBubble = true
event.returnValue = false;

return false;
}

function norightclick(e)
{
if (window.Event)
{
if (e.which == 2 || e.which == 3)
return false;
}
else
if (event.button == 2 || event.button == 3)
{
event.cancelBubble = true
event.returnValue = false;
return false;
}

}

document.oncontextmenu = nocontextmenu; // for IE5+
document.onmousedown = norightclick; // for all others
//–>
</script>
<p>查找更多代码,请访问:<a href=http://prolicn.com/” target=”_blank”>RGB设计</a></p>
</body>
</html>

js代码让iframe框架自适应高度

<script type=”text/javascript”>

function SetWinHeight(obj)

{

var win=obj;

if (document.getElementById)
{

if (win && !window.opera)

{

if (win.contentDocument && win.contentDocument.body.offsetHeight)

win.height = win.contentDocument.body.offsetHeight;

else if(win.Document && win.Document.body.scrollHeight)

win.height = win.Document.body.scrollHeight;

}

}

}

</script>

<iframe frameborder=”0″ id=”main_right” name=”main_right” src=”http://www.198zone.com” scrolling=”auto” height=”500″ title=”main_right” onload=”Javascript:SetWinHeight(this)” ></iframe>