ITPub博客

IE5.5的新功能：旋转文字，看一下你就明白了。用法如下： 获取书写方式： object.style.writingMode 设置书写方式： object.style.writingMode = sFlowDir 其中 sFlowDir 是lr-tb或者tb-rl 之一 设定值 效果 lr-tb 默认的对象方向，即从左到右，从上到下的顺序 tb-rl 对象的排列方式为从上到下，从右向左排列。中文文字方向朝上，英文文字顺时针旋转90度。 代码如下： <div id=test style="POSITION: relative">8月14日，俄罗斯国防部……船员已全部遇难。</div> <script language=Javascript> doc

在网页中经常有人使用Swish来做文本输出的打字效果，其实Javascript也能做出那样的效果，按如下方法在HTML文件中加入Javascript代码便可。 第一步：把如下代码加入<head>区域中 <script LANGUAGE="Javascript"><!-- Original: Tarjei Davidsen (the@rescueteam.com) --><!-- This script and many more are available free online at --><!-- The Javascript Source!! http://javascript.internet.com --><!-- Begin　　var max=0;　　function textlist() {　　max=text

首先，对于Internet Explorer的隐藏鼠标右键的方法，可以说只要弄过网页的人可能知道要用 document.oncontextmenu=Function("return false;"); 不过对于Netscape，这个办法就并不能完全行的通。通过实践，我发觉，在Internet Explorer和Netscape这两款浏览器中都存在某些元素，鼠标的右键在上边点击是没有反应。现在我就利用如此一点来隐藏鼠标右键。我们可以知道在Internet Explorer和Netscape这两款浏览器中<div>的滚动条上是弹不出右键菜单的，那我们就在右键事件中把我们定制的<div>元素just_hide_it移

注：图片的文件名及路径可以自行修改。 二、循环渐显效果 1、把如下代码加入<body>区域中： <img src="/Article/UploadPic/2005-7/20057504258790.gif" name="u" border=0alt="Image" style="filter:alpha(opacity=0)"><script language="Javascript">var b = 1;var c = true;function fade(){if(document.all);if(c == true) {b++;}if(b==100) {b--;c = false}if(b==10) {b++;c = true;}if(c == false) {b--;}u.filters.alpha.opacity=0 +

在上网时我们注意往往是网站页面内容，而状态栏不会被人太多注意，如果我们给页面的状态栏加一些特效，肯定会使你的网站增添一道风景，下面就给大家介绍7种常见的状态栏特效的Javascript代码。 特效一：滚动显示 第一步:把如下代码加入<head>区域中 <script language="Javascript"><!--function scrollit(seed) {var m1 = "HI：你 好! ";var m2 = "欢迎访问赛迪 ";var m3 = "请多提意见，谢 谢! ";var m4 = "欢迎您下次再来！ ";var m5 = "http://

一句一句话地显示出来，有点类似于跑马灯效果，文字效果的突出点比较明显，推荐使用。制作方法： 将下面的代码复制到<body>~</body>里 <script language=Javascript1.2>//设置下面的参数(宽度，高度和背景色)可以得到不同的显示效果；var scrollerwidth=500var scrollerheight=100var scrollerbgcolor=‘‘//下面的参数，不想使用背景图的话设为空；var scrollerbackground=‘‘//下面的参数设置显示内容，可以使用HTML语法改变字体，大小和颜色及连接等；var messages=new Array()messages[0]=":::::

一般图片的边框为蓝色，对于搭配您的站点很不方便，看看下面的图片的边框色，是不是让您兴奋啊！制作方法 将下面的代码复制到<body>~</body>里 <a href="#"><img src="/Article/UploadPic/2005-7/2005750437158.gif" border="0" style="border:1px solid #000000"></a>如果要修改边框颜色即修改图片内的代码：style="border:1px solid #000000" 至此你就可以完成这个实例了！[@more@]

一个图片的马赛克变化效果，这是我在一个网站上发现的，给人的冲击力真的很强，如果用在菜单上，肯定会有意想不到的效果，起初我还以为是flash，后来才知道是用了简短的几行脚本的结果，强烈推荐！制作方法：把下面的代码加入到<head>和</head>之间：<script language=Javascript><!--var num = 50function chFilter() {if(num > 2) {num -= 1img1.style.filter = "progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=" + num + ")"setTimeout("chFilter()",5)} else

新发现的一个效果更出色的图片透明渐变，这次的效果新增了触发初期的高光闪动，更接近flash的效果！制作方法：把代码加到<head>和</head>中，下载 flashimg.js 文件<script language=Javascript src="flashimg.js" type=text/javascript></script>更改图片链接：<A href="#"><IMG onmouseover="this.style.filter=‘alpha(opacity=100)‘;high(this)" onmouseout="low(this)" height="200" src="http://www.supcode.com/Article/ht

连续滚动的图片，一般都是用Flash制作，现在我们使用script制作同样的效果：　　制作方法：　　单击这里查看一下演示效果 相关文件：2004082021demo.htm 2004082021scroll.htm　　在页面<body>~</body>相关位置加入代码：　　<iframe frameborder=no height=100 marginheight=0 marginwidth=0 name=mq scrolling=no src="2004082021demo.htm" width="100%"></iframe><iframe frameborder=no height=0 marginheight=0 marginwidth=0 name=mq scrolling=no src="200408202

图片随机显示是一个应用非常广泛的技巧。比如随机banner的显示，当你进入一个网站时它的banner总是不同的，或者总有内容不同的提示（tips)，大家在网上浏览时会经常发现这样的例子。使用这种技术，不但能在一定的空间里放入更多的内容，还可以给人一种经常更新的假象喔。怎么样心动了吧？其实只要你有一点点html和javascript 的基础，一切都是这么简单。follow me，让我们来看看她随机的奥密。 让我们从一个简单的例子开始吧。平常我们在页面中加入图片都是用<img src="图片">来完成。如果我们要随机显示3张不同的图

网上看到过这样的效果，现提供制作的Html代码：<table cellspacing=0 cellpadding=0 width=350 align=center border=0><tbody><tr> <td valign=bottom align=right width=347 rowspan=2> <table cellspacing=0 cellpadding=0 width="100%" border=0 style="BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid;"><tbody> <tr><td colspan="4" height="20&

不少网友发E－mail问我：“怎么每次去你的主页，看到的图片都不一样，难道你时时刻刻都在更换图片吗？”天啊，我哪有那么多钱支付电话费？我只不过用了Javascript的小技巧做了个“随机图片”而已。其HTML源代码为： 　　< !随机图片开始 > 　　< script language=″Javascript″ > 　　< !－－ 　　imglink=new Date(); 　　var thisimg=http://www.supcode.com/Article/html/4/43/2005/02/10/″1.jpg″; 　　if(imglink.getSeconds()< 54){var thisimg=″2.jpg″;} 　　if(imglink.getSeconds()< 46){var

---- 要实现倒计时，主要用到的是一个时间函数： DateDIFF()，它的作用是求出两个日期之间的时间间隔。它的格式如下： DateDIFF(format,Date1,Date2) ---- 其中， format是指返回的格式。我们可以按相差多少天，相差多少小时，或相差多少秒的格式来返回。具体格式和意义请参见下表： 格式　　　　　　　　　　　　　 意义 Yyyy　　　　　　　　　　　　　 年 Q　　　　　　　　　　　　　　　一刻钟 M　　　　　　　　　　　　　　　月 Y　　　　　　　　　　　　　　　一年的一天 D　　　　　　　　　　　　　　　天 W　　　　

用以下代码. <script language="Javascript"><!-- c0off = new Image(80,30); c0off.src = "图片1位置"; c0on = new Image(80,30); c0on.src = "图片2位置"; function img_act(imgName) { imgOn = eval(imgName+"on.src"); document[imgName].src = imgOn; } function img_inact(imgName) { imgOff = eval(imgName+"off.src"); document[imgName].src = imgOff; } function erase() { window.status="网页教学网"; } function moveover(txt) { window.

错误代码的即时处理 我们编制的Javascript代码有时会由于我们的疏忽而存在一些错误，以至于用户 浏览时会弹出令人生厌的错误提示框架，如何处理这种情况呢？下面介绍两种常 见方法： （1） 完全容错 即用户浏览含有错误代码的页面时，忽视所有的错误。代码如下： 〈script〉 function killerr() { return true } window.onerror=killerr 〈/script〉 它虽然能掩盖错误，避免弹出错误提示框，但程序仍未正确执行，下面介绍另一 处理方法。 （2） 反馈错误信息 即当出现错误代码时，自动弹出我们预先设计好的反馈

1、随机广告 <script LANGUAGE="Javascript"> <!-- Begin var how_many_ads = 3; var now = new Date() var sec = now.getSeconds() var ad = sec % how_many_ads; ad +=1; if (ad==1) { txt="The World‘s Largest Online Bookstore, Amazon.com"; url="http://www.amazon.com"; alt="amazon.com"; banner="http://imageserv.imgis.com/images/Ad12669St1Sz1Sq1_Ban1.gif"; width="468"; height="60"; } if (ad==2) { txt="Palm III b

有时侯，你的页面会被别人的frame引用，含在别人的frame中(有时一些站点因内容不足， 会将别人的页面当作自己的一个frame,看起来像是自己本身的页面) 。你当然不会高兴， 访问者也觉得看着不方便。 用了这个js，一旦被别人frame了，会自动弹出。你就不用再担心了！ 将下代码copy入你网页<body>和</body>中即可。 <script LANGUAGE=JAVAscript><!-- if (top.location !== self.location) {top.location=self.location;}</script>[@more@]

Sample 1:普通情况，即默认情况,AutoComplete时打开的。见：IE5-工具-内容-自动完成选项。 <form><input type = text name = Email></form> Sample 2:有时候我们并不需要AutoComplete，例如需要用户自己再次输入密码而非自动完成。只要将所在表单元素的autocomplete属性设置为off即可。 <form><input type = password name = Password autocomplete = "off"></form> Sample 3:那么，如果所有表单元素都不想使用autocomplete功能呢？见下面的方法： : <form autocomplete =

为了增加网页的魅力，你也可以针对不同的屏幕解析度设计不同的网页。这样当使用者浏览你的网页时，就会配合屏幕解析度，自动显示出适合浏览的网页画面，不 但帮助使用者省去调整荧幕解析度的麻烦，也可以针对不同的解析度，调整网页的版面。范例中，我们根据屏幕解析度先设计好3个网页，分别是 640.html、800.html和1024.html，接下来我们就看看如何设计这个程序吧！ 先复制以下这段程序码： <script language="Javascript"> <!-- if(screen.width == "640") { location="640.html" } else if (screen.width ==