分享更有价值
被信任是一种快乐

实用的HTML特效代码有哪些

文章页正文上

这篇文章主要介绍实用的HTML特效代码有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
  1。忽视右键
  
  或
  
  2。加入背景音乐
  IE:
  NS:  
  *.mid你的背景音乐的midi格式文件
  3。简单的window.open方法
  

  >文字或图片

  >文字或图片
  参数解释:
  
  window.open 弹出新窗口的命令;
  文件路径/文件名 弹出窗口的文件名;
  newwindow 弹出窗口的名字(不是文件名),非必须,可用空代替;
  width=400 窗口宽度;
  height=300 窗口高度;
  top=0 窗口距离屏幕上方的象素值;
  left=0 窗口距离屏幕左侧的象素值;
  toolbar=no 是否显示工具栏,yes为显示;
  menubar,scrollbars 表示菜单栏和滚动栏。
  resizable=no 是否允许改变窗口大小,yes为允许;
  location=no 是否显示地址栏,yes为允许;
  status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
   js脚本结束
  4。简单的页面加密
  
  
  
  5。拉动页面时背景图不动
  

  body{background-image:url(logo.gif);
  background-repeat:no-repeat;background-position:center}
  
  6。让浏览器在保存页面时保存失败
  
  7。随机替换图片
  
  document.write(
  
  图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif
  8。窗口定时关闭
  先将如下代码网页文件的区:
  
  function closeit() { setTimeout(”self.close()”,10000) //毫秒 }
  
  然后再在
  9。网页自动关闭
  
  
  

  classid=”clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11″>

  

  


  classid=”clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11″>
    
  
  
  这个窗口会在10秒过后自动关闭,而且不会出现提示。
  
  
  10。网页自动刷新
  在head部记入
  
  其中20为20秒后自动刷新,你可以更改为任意值。
  11。网页自动转页
  
  12。保持layer在最前面,而不被Iframe、Object所覆盖
  在Layer中再插Iframe 或 Object 设z-Index值
  
  
  
  
  
  
  
  
  13。返回上一页
  『返回上一页』
  14。关闭窗口
  『关闭窗口』
  15。关于iframe的透明背景
  
  allowTransparency=”true”
  style=”background-color: green”>
  16. 彻底屏蔽鼠标右键
  oncontextmenu=”window.event.returnValue=false” 将彻底屏蔽鼠标右键
  
  17.取消选取、防止复制
  
  18.不准粘贴
  onpaste=”return false”
  19. 防止复制
  oncopy=”return false;”
  20. IE地址栏前换成自己的图标
     21. 可以在收藏夹中显示出你的图标
     22. 关闭输入法
  
  23. 永远都会带着框架
     if (window==top)top.location.href=""; //frames.htm为框架网页   // -->   24. 防止被人frame      if (top.location !=self.location)top.location=self.location;   // -->   25. 网页将不能被另存为      26. 查看网页源代码      27.删除时确认   删除   28.屏蔽功能键Shift,Alt,Ctrl      function look(){   if(event.shiftKey)   alert("禁止按Shift键!"); //可以换成ALT CTRL   }   document.onkeydown=look;      29. 网页不会被缓存            或者   30.怎样让表单没有凹凸感?      或      31.不要滚动条?   让竖条没有:         让横条没有:         两个都去掉?更简单了         32.怎样去掉图片链接点击后,图片周围的虚线?      33.电子邮件处理提交表单            34.在打开的子窗口刷新父窗口的代码里如何写?   window.opener.location.reload()   35.如何设定打开页面的大小      打开页面的位置   36.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动      body   {background-image:url(logo.gif); background-repeat:no-repeat;   background-position:center;background-attachment: fixed}      37. 检查一段字符串是否全由数字组成      function checkNum(str){return str.match(//D/)==null}   alert(checkNum("1232142141"))   alert(checkNum("123214214a1"))   // -->   38. 获得一个窗口的大小   document.body.clientWidth; document.body.clientHeight   39. 怎么判断是否是字符   if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");   else alert("全是字符");   40.TEXTAREA自适应文字行数的多少         41. 日期减去天数等于第二个日期      function cc(dd,dadd)   {   //可以加上错误处理   var a=new Date(dd)   a=a.valueOf()   a=a - dadd * 24 * 60 * 60 * 1000   a=new Date(a)   alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")   } cc("12/23/2002",2)      42. 选择了哪一个Radio      function checkme()   for each ob in radio1   if ob.checked then window.alert ob.value   next   end function      Style   Barcode         43.脚本永不出错            44.ENTER键可以让光标移到下一个输入框      45. 检测某个网站的链接速度:   把如下代码加入      tim=1   setInterval("tim++",100)   b=1   var autourl=new Array()   autourl[1]=""   autourl[2]="javacool.3322.net"   autourl[3]=""   autourl[4]=""   autourl[5]=""   function butt(){   document.write("   for(var i=1;i

  document.write("

  ……>=》

  name=url"+i+" size=40>=》

  onclick=window.open(this.form.url"+i+".value)>
")

  document.write("

  document.write("   ……>=》   name=url"+i+" size=40>=》   onclick=window.open(this.form.url"+i+".value)>
")   document.write("   }   butt()   function auto(url){   document.forms[0]["url"+b].value=url   if(tim>200)   {document.forms[0]["txt"+b].value="链接超时"}   else   {document.forms[0]["txt"+b].value="时间"+tim/10+"秒"} b++ }   function   run(){for(var i=1;i

  src=http://"+autourl+"/"+Math.random()+" width=1 height=1

  nerror=auto("http://"+autourl+"")>")}

  run()

  46. 各种样式的光标

  auto :标准光标

  default :标准箭头

  hand :手形光标

  wait :等待光标

  text :I形光标

  vertical-text :水平I形光标

  no-drop :不可拖动光标

  not-allowed :无效光标

  help :?帮助光标

  all-scroll :三角方向标

  move :移动标

  crosshair :十字标

  e-resize

  n-resize

  nw-resize

  w-resize

  s-resize

  se-resize

  sw-resize

  47、禁止鼠标右键,把Demo的图片全都设为表格的背景,表格的大小与图片的大小一样。这样做看起来是一样的,主要是防止鼠标经过图片时会出现另存的按钮。禁止鼠标右键的代码很简单:

  

  function click() { if (event.button==2)

  {alert(呵呵,不好意思,你甭想使用右键下载图片:)); } } document.onmousedown=click

  

  48、在网页的Head部分加入如下代码,这段代码的主要功能是屏蔽PrintScreen键,不断清空剪贴版,防止图片被用文件——另存为菜单另存。

  

  

  免费云主机、域名

以上是“实用的HTML特效代码有哪些”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注云技术行业资讯频道!

  src=http://"+autourl+"/"+Math.random()+" width=1 height=1
  nerror=auto("http://"+autourl+"")>")}
  run()
  46. 各种样式的光标
  auto :标准光标
  default :标准箭头
  hand :手形光标
  wait :等待光标
  text :I形光标
  vertical-text :水平I形光标
  no-drop :不可拖动光标
  not-allowed :无效光标
  help :?帮助光标
  all-scroll :三角方向标
  move :移动标
  crosshair :十字标
  e-resize
  n-resize
  nw-resize
  w-resize
  s-resize
  se-resize
  sw-resize
  47、禁止鼠标右键,把Demo的图片全都设为表格的背景,表格的大小与图片的大小一样。这样做看起来是一样的,主要是防止鼠标经过图片时会出现另存的按钮。禁止鼠标右键的代码很简单:
  
  function click() { if (event.button==2)
  {alert(呵呵,不好意思,你甭想使用右键下载图片:)); } } document.onmousedown=click
  
  48、在网页的Head部分加入如下代码,这段代码的主要功能是屏蔽PrintScreen键,不断清空剪贴版,防止图片被用文件——另存为菜单另存。
  
  
  以上是“实用的HTML特效代码有哪些”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注云技术行业资讯频道!免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@byun.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

相关推荐: 怎么检测Server Sent事件支持

Server SentServer Sent if(typeof(EventSource)!=="undefined") { // Server-Sent // ..... } else { // Server-Sent.. } PHPASP "Content…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册