`

网页效果集合

    博客分类:
  • html
 
阅读更多

1。忽视右键 
 <body oncontextmenu="return false">
 或
 <body style="overflow-y:hidden"> 
2。加入背景音乐 
 IE:<bgsound src="*.mid" loop=infinite>
 NS:<embed src="*.mid" autostart=true hidden=true loop=true>
 </embed>
 *.mid你的背景音乐的midi格式文件 
3。简单的window.open方法 
 <a href="#" 
 onclick="javascript:window.open(文件路径/文件名,newwindow,
 toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,
 width=400,height=300);">文字或图片</a>
 参数解释:
 <SCRIPT LANGUAGE="javascript"> js脚本开始;
 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为允许;
 </SCRIPT> js脚本结束 
4。简单的页面加密 
 <script LANGUAGE="javascript">
 <!--
 function loopy(){
  var sWord ="";
  while(sWord!="login"){sWord=prompt("请输入你的登陆密码");}
  alert("登陆成功!");
 }
 loopy()
 //-->
 </script> 
5。拉动页面时背景图不动 
 <style>
 body{background-image:url(logo.gif);
 background-repeat:no-repeat;background-position:center}
 </style> 
6。让浏览器在保存页面时保存失败 
 将以下代码放在<head>之间
   <NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT> 
7。随机替换图片 
 <script>
 document.write(<img src="img/+parseInt(Math.random()*(5))
 +.gif"height="40" width="50">)
 </script> 

 图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif 
8。窗口定时关闭 
 先将如下代码网页文件的区:
 <script language="javascript">
 function closeit() { setTimeout("self.close()",10000) //毫秒 }
 </script>
 然后再在<body>标内加入如:<body onload="closeit()"> 
9。网页自动关闭 
 <html>
 <head>
 <object id=closes type="application/x-oleobject"
 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
 <param name="Command" value="Close">
 </object>
 </head>
 <body onload="window.setTimeout(closes.Click(),10000)">
 这个窗口会在10秒过后自动关闭,而且不会出现提示.
 </body>
 </html> 
10。网页自动刷新 
 在head部记入
 <META HTTP-EQUIV="Refresh" content="20">
 其中20为20秒后自动刷新,你可以更改为任意值。 
11。网页自动转页 
 <META HTTP-EQUIV="Refresh" CONTENT="时间(秒);URL=地址"> 
12。保持layer在最前面,而不被Iframe、Object所覆盖 
 在Layer中再插Iframe 或 Object 设z-Index值
 <div z-Index:2><object xxx></object> # 前面
 <div z-Index:1><object xxx></object> # 后面
 <div id="Layer2" style="position:absolute; top:40;width:400px;
 height:95px;z-index:2"> height=100% width=100%>
 <iframe width=0 height=0></iframe>
 </div>
 <div id="Layer1" style="position:absolute; top:50;width:200px;
 height:115px;z-index:1">
 <iframe height=100% width=100%></iframe>
 </div> 
13。返回上一页 
 <a href=javascript:history.back(1)>『返回上一页』</a> 
14。关闭窗口 
 <a href=javascript:self.close()>『关闭窗口』</a> 
15。关于iframe的透明背景 
 <IFRAME ID="iFrame1" SRC="iframe.htm" 
 allowTransparency="true" 
 style="background-color: green"></IFRAME> 

16。定位页面底部的特效
<div style="position:absolute;height:10pt;top:expression(document.body.clientHeight-this.style.pixelHeight+document.body.scrollTop);font:9pt;">怎样不用js就将一个对象定位在页面底部并随页面滚动?这就是个完整的例子!
</div>

17。网页中实现IE菜单常用按钮
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT> 
<input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开>
<input name=Button onClick=document.all.WebBrowser.ExecWB(2,1) type=button value=关闭所有>
<input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为> 
<input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印>
<input name=Button onClick=document.all.WebBrowser.ExecWB(6,6) type=button value=直接打印>
<input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=页面设置>
<input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=属性>
<input name=Button onClick=document.all.WebBrowser.ExecWB(17,1) type=button value=全选>
<input name=Button onClick=document.all.WebBrowser.ExecWB(22,1) type=button value=刷新>
<input name=Button onClick=document.all.WebBrowser.ExecWB(45,1) type=button value=关闭> 

分享到:
评论

相关推荐

    javascript常用网页效果整理集合 js效果源码集合

    这个"javascript常用网页效果整理集合"提供了一系列的JS效果源码,可以帮助开发者快速实现各种常见功能,提升网页用户体验。 1. **日历插件**:JavaScript日历插件是网页中常见的一种组件,常用于日期选择、事件...

    网页蜡烛点燃效果集合包

    网页蜡烛点燃效果集合包是一个专门针对网页设计的资源包,包含了HTML和CSS代码实现的三款不同的蜡烛点燃效果。这些效果完全依赖于HTML和CSS的编程能力,没有使用额外的JavaScript,使得它们在轻量级的网页设计中特别...

    网页常用各种广告效果JS集合

    本资源“网页常用各种广告效果JS集合”汇集了多种常见的网页广告实现方式,旨在帮助开发者快速构建动态、吸引人的广告展示。 1. **轮播广告**:轮播广告是网页中最常见的广告形式之一,通过JS可以实现图片或内容的...

    100例网页效果(网页特效)

    "100例网页效果(网页特效)"这个资源集合了100个精心设计的网页特效,涵盖了图片特效、输入框效果等多种类别,旨在帮助设计师和开发者打造出更具创新性和功能性的网页。 图片特效在现代网页设计中扮演着关键角色。...

    犀利的JS,HTML网页效果大全

    【标题】"犀利的JS,HTML网页效果大全"揭示了这个资源集合主要关注JavaScript(JS)和HTML在创建令人惊叹的网页效果方面的应用。JavaScript是一种广泛使用的编程语言,它为网页提供了动态交互性,而HTML是网页内容的...

    60个WEB网页实用js效果代码集合

    【标题】"60个WEB网页实用js效果代码集合"所涵盖的知识点主要涉及Web开发中的JavaScript编程,以及与网页动态效果和交互性设计相关的技术。JavaScript是一种在客户端浏览器上运行的脚本语言,它是构建现代网页应用的...

    多种网页边栏过渡动画效果集合源码下载

    多种网页边栏过渡动画效果集合源码下载

    犀利的JS,HTML网页效果小全

    【标题】"犀利的JS,HTML网页效果小全" 提示我们这是一份关于JavaScript(JS)和HTML技术在创建网页特效方面的资源集合。这些技术是构建动态、交互式网页的关键工具,使得用户界面更加生动有趣。 【描述】提到"犀利...

    js网页特效(大集合)

    本压缩包“js网页特效(大集合)”显然是一份包含了多种JavaScript特效实现的资源集合,旨在帮助开发者快速找到并应用到自己的项目中。 首先,我们要理解JavaScript在网页特效中的作用。JavaScript可以操作DOM...

    博硕网页制作特效集合

    总的来说,"博硕网页制作特效集合"是一个宝贵的资源,对于想要提升JavaScript技能、增强网页动态效果的开发者来说,这是一个极好的学习和参考资料。通过不断实践和探索,可以打造出更加引人入胜、功能丰富的网页作品...

    javascript网页特效示例集合

    以下是各个大章节,其中第五章节我也详细说明了有哪些小... 5.3 文字显示效果 5.4 指定文字位置 5.5 文字动态移动 5.6 文字立体效果 5.7 文字动画效果 5.8 文字特殊效果 5.9 其他 06第6章 超级链接特效

    网页模板集合1

    "网页模板集合1"是一个压缩包,包含了多个用于构建网页的模版文件。网页模板是预设计的网页布局,它们提供了快速构建网站的基础框架,帮助设计师或开发者节省时间和精力,无需从头开始创建每个页面。这些模板通常...

    制作特效的网页的集合

    "制作特效的网页的集合"这个主题涵盖了各种流行的网页特效制作方法和案例,旨在帮助开发者和设计师创造出引人入胜的网页效果。本文将深入探讨其中的关键知识点。 一、HTML5与CSS3的应用 HTML5是现代网页开发的基础...

    网页特效集合日历选项卡等

    总的来说,这个"网页特效集合日历选项卡等"资源包提供了丰富的网页元素和交互效果,涵盖了从基本的样式控制到复杂的用户交互。开发者可以利用这些特效提升网站的用户体验,同时也可以参考和学习其中的代码,提升自己...

    18个网页效果代码

    【标题】"18个网页效果代码"是一个与前端开发相关的资源集合,它包含了18个不同的网页设计和交互效果的源代码。这些代码可能是JavaScript、CSS或HTML的实现,旨在帮助开发者创建更加吸引人和功能丰富的网页。前端...

    多种网页切换特效集合源码下载

    在这款"多种网页切换特效集合源码下载"中,我们可以期待找到一系列精心设计的JavaScript和CSS代码,这些代码可以应用于各种网页项目,为用户界面增添动态感和视觉吸引力。 1. **CSS3过渡效果**:CSS3引入了过渡...

    图片轮换效果集合

    "图片轮换效果集合"这个资源包含大约20种不同的图片轮换效果,这些效果是专为网站首页设计的,旨在提升用户体验和网站的互动性。 首先,我们要理解什么是图片轮换效果。这是一种网页动态展示技术,它允许一组图片在...

    网页特效集合

    总的来说,"网页特效集合"提供的900个js特效源码对于学习和实践JavaScript编程,以及提高网页设计水平具有很高的参考价值。开发者可以通过分析和修改这些源码,掌握更多前端技术,提升自己的专业技能。同时,这些...

    网页设计特效 js集合

    在这个"网页设计特效 js集合"中,我们可以找到各种利用JavaScript实现的网页组件和模板,用于增强网站的功能性和美观性。 1. **模板**:JavaScript模板引擎允许开发者将数据和HTML结构分离,使得动态内容渲染更加...

    js特效 效果 集合

    6. **喷泉效果**:类似水花四溅或烟花绽放的视觉效果,喷泉效果可以给网页增加动感。通过定时器控制粒子的发射,配合CSS动画实现粒子的上升、扩散和消失,可以营造出各种动态的喷泉场景。 7. **金鱼效果**:此效果...

Global site tag (gtag.js) - Google Analytics