常见网页特效

简介:

复制到剪切板 - 兼容 ie, firefox, chrome & flash10 flash部署到服务器上才可以,不能直接打开页面

Java代码   收藏代码
  1. <script>  
  2.     $(function(){  
  3.         $('.copy').mouseenter(function() {  
  4.             ZeroClipboard.setMoviePath("/statics/js/ZeroClipboard.swf");  
  5.   
  6.             var id = $(this).attr('id'), dom = $(this).get(0);  
  7.             var clip = new ZeroClipboard.Client(dom);  
  8.             clip.setHandCursor(true); //设置鼠标手型  
  9.             clip.setText('http://www.test.com/index/'+id+'.html');  //复制的文本  
  10.   
  11.             //复制成功:  
  12.             clip.addEventListener( "complete", function(){  
  13.                 alert("复制成功!");  
  14.             });  
  15.         });  
  16.     });  
  17. </script>  

 防止复制,剪切,粘贴

Java代码   收藏代码
  1. <body oncopy ="return false "  oncut ="return false "  onpaste = " return false ">  

4、禁止查看源码

Java代码   收藏代码
  1. <body oncontextmenu="return false"></body>   

19、打印

Java代码   收藏代码
  1. <input type=button value='打印' onClick="window.print();">  
  2.    
  3. <script type="text/javascript">    
  4.  <!--  
  5.  function prePrint()  
  6. {  
  7.     if (window.print) window.print();  
  8.     else if (VBS) printIt();  
  9.     else alert('This script does not work in your browser');  
  10. }  
  11. -->  
  12. </script>  
  13. </head>  
  14. <body onload="javascript:prePrint();" style="background-color:#FFFFFF;">  
9、彻底屏蔽鼠标右键

   <body oncontextmenu="window.event.returnValue=false">
   或者:<body oncontextmenu="self.event.returnValue=false">
   或者:<body oncontextmenu="return false">

 

文本框里禁止自动完成功能,不再出现window自带的提示功能
<input type="text" name="T1" size="20" autocomplete="off">


无关闭按钮IE 
window.open("aa.htm", "meizz", "fullscreen=7"); 
ENTER键可以让光标移到下一个输入框 
<input onkeydown="if(event.keyCode==13)event.keyCode=9"> 

文本框的默认值 
<input type=text value="123" onChange="alert(this.defaultValue)"> 
自动全选 
<input type=text name=text1 value="123" onfocus="this.select()">

 

相关文章
|
4月前
|
移动开发 JavaScript 安全
分享113个图片切换JS特效,总有一款适合您
分享113个图片切换JS特效,总有一款适合您
31 0
HTML5+CSS3海绵宝宝网站设计(一)
HTML5+CSS3海绵宝宝网站设计(一),一起来学习吧。
HTML5+CSS3海绵宝宝网站设计(一)
|
4月前
|
移动开发 JavaScript 前端开发
分享117个图片切换JS特效,总有一款适合您
分享117个图片切换JS特效,总有一款适合您
21 0
|
4月前
|
移动开发 JavaScript 索引
分享114个图片切换JS特效,总有一款适合您
分享114个图片切换JS特效,总有一款适合您
22 0
|
4月前
|
Web App开发 JavaScript 前端开发
分享116个图片切换JS特效,总有一款适合您
分享116个图片切换JS特效,总有一款适合您
22 0
|
4月前
|
移动开发 JavaScript 安全
分享115个图片切换JS特效,总有一款适合您
分享115个图片切换JS特效,总有一款适合您
40 0
|
4月前
|
移动开发 JavaScript 前端开发
分享120个JS特效手风琴,总有一款适合您
分享120个JS特效手风琴,总有一款适合您
19 0
|
4月前
|
移动开发 JavaScript 前端开发
分享123个JS特效弹出层,总有一款适合您
分享123个JS特效弹出层,总有一款适合您
36 0
|
前端开发 网络架构
利用html和css制作一个简单的网页(端午快乐)
利用html和css制作一个简单的网页(端午快乐)
424 0
利用html和css制作一个简单的网页(端午快乐)
HTML5+CSS3海绵宝宝网站设计(七)
HTML5+CSS3海绵宝宝网站设计(七),一起来学习吧。
HTML5+CSS3海绵宝宝网站设计(七)

热门文章

最新文章