实例技巧:网页效果集合

1。忽视右键

<body >
 或
<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="#"
 >文字或图片</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。让浏览器在保存页面时保存失败

<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 >

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 >
 这个窗口会在10秒过后自动关闭,而且不会出现提示.
 </body>
 </html>

10。网页自动刷新

 在head部记入
 <META HTTP-EQUIV="Refresh" c>
 其中20为20秒后自动刷新,你可以更改为任意值。

11。网页自动转页

 <META HTTP-EQUIV="Refresh" C>

时间: 2024-10-27 22:10:58

实例技巧:网页效果集合的相关文章

实例技巧文章:网页效果集合

集合|技巧|网页 1.忽视右键 <body > 或<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格式文件

总结网页代码常用小技巧,网页制作必学

技巧|网页 1.让浏览器窗口永远都不出现滚动条. 〈body style="overflow-x:hidden;overflow-y:hidden"〉或〈body style="overflow:hidden"〉 或〈body scroll=no〉2,没有水平滚动条〈body style="overflow-x:hidden"〉3,没有垂直滚动条〈body style="overflow-y:hidden"〉 2,如何给图片抖

怎样用CSS实现大背景网页效果

  在网页设计制作中经常会遇到这样的问题:用图片做背景时,由于显示器分辨率太大或者图片尺寸太小,在页面的两边或者下部了没有背景图片.例如:在小于1024*768分辨率时,是没有问题的.但是假如你的显示器的分辨率大于1024*768,你会看到背景图片以外的部分,影响效果.如下图: 如何用CSS实现大背景的网页效果呢,下面来看一些实例: 例1:图片+背景颜色 将图片边沿的颜色设置成和网页背景色相同的颜色.看下面的图片,留意图片的边沿是纯色的. 这部分很简单,为body元素设置背景图像(定位于cent

Illustrator实例入门网页按钮制作教程

给各位 Illustrator软件的使用者们来详细的解析分享一下实例入门网页按钮的制作教程. 技巧分享:   先让我们看看第一个圆形的立体按键是怎么做出来的 .其实仔细的分析一下它仅仅是两个填充了渐变色的圆组成的.怎么样不像想象的这么复杂吧!现在让我们一步一步地学学怎么做的.首先先用圆形工具   画出一个圆.当我们画圆的时候是不是不是很容易画出一个正圆来,这里有个技巧,在画圆的时候按住Shift键就可以方便的画出一个标准的圆.然后在 Gradient浮动面板调一个中间白色(当然你也可以用其它颜色

DHTML技巧--网页文字选取

dhtml|技巧|网页|dhtml|技巧 请参考以下代码: <SCRIPT language=javascript>function select(){ var rng = testInput.createTextRange();<FONT color=#006400> //先要建立一个TextRangle物件,BODY,BUTTON,TEXTAREA,INPUT均包含此方法 rng.moveStart("character",0); //设置选取开始位置 rn

Flash实例下雨动画效果教程制作

  Flash实例下雨动画效果制作,是Flash考试中经常要考的内容,特为参加考试的考生策划了"Flash实例下雨动画效果教程 "专题等有关资料,供考生参考! 制作过程 一.新建一图层,大小随意; 二.新建元件(影片剪辑): 1.制作雨滴并下落.使用直线工具(颜色设为灰色,1像素)画一短直线,使用选择工具将直线移到上方(最好移到文档上面一点),在第15帧(要雨急则帧短,反之则长)处插入关键帧,并将直线向下移动,选择1至15帧之间任意一帧,选择属性下补间,选择形状.然后在第16帧处插入空

PhotoShop创建一个怀旧复古的网页效果设计制作教程

利用PhotoShop设计创建一个怀旧复古的网页效果,主要用到两张材质素材,来打造一种破旧复古的效果. 教程效果图: 1. 打开photoshop,新建空白文档,文档大小为800*1200; 2. 打开素材图片1,按Ctrl+Alt+T调整大小为800*1200; 3. 给背景填加烧坏效果.设置前景色为黑色.选择渐变工具选择的前景色到透明,混合模式为软柔光与不透明度:30%. 分类: PS入门教程

求代码 我想做一个网页效果,如下图。这个应该是用JS做的

问题描述 求代码 我想做一个网页效果,如下图.这个应该是用JS做的 就是那个 上标"新" 还有"9折"的那个 解决方案 所以用F12,它可以直接告诉你在哪个文件中. 解决方案二: 用层就可以实现,用IE F12看下css

javascript-搞不懂这个 JS网页效果

问题描述 搞不懂这个 JS网页效果 http://timvandamme.com/#networks 想知道这个鼠标点到上边元素发生位移的效果是怎么做出来的啊? 有人能给一段代码看看么? 解决方案 方法很简单,只是用到onmouseover和onmouseout方法而已,你所看到的位移只是替换的照片width值不同造成的. 解决方案二: 绑个hover事件 悬浮时改变一下图片的padding值 解决方案三: 这个效果css3可以实现,用到过渡效果,css3代码就两句,这个可以看手册,当然这种方法