javascript

位置:IT落伍者 >> javascript >> 浏览文章

8个JavaScript小特效代码


发布日期:2022年10月09日
 
8个JavaScript小特效代码

不同时间段显示不同问候语

〈scriptLanguage="Javascript"〉〈!vartext="";day=newDate();time=daygetHours();if((time〉=)&&(time〈))text="夜猫子要注意身体哦!"if((time〉=)&&(time〈))text="今天的阳光真灿烂啊你那个朋友呢?"if((time〉=)&&(time〈))text="午休时间您要保持睡眠哦!"if((time〉=)&&(time〈))text="祝您下午工作愉快!"if((time〉=)&&(time〈=))text="您又来了可别和MM聊太久哦!"if((time〉=)&&(time〈))text="您应该休息了!"documentwrite(text)//〉〈/script〉

慢慢变大的窗口

〈scriptLanguage="Javascript"〉〈!varWindowsheight=varWindowswidth=varnumx=functionopenwindow(thelocation){temploc=thelocationif(!(windowresizeTo&&documentall)&&!(windowresizeTo&&documentgetElementById)){windowopen(thelocation)return}windowsize=windowopen("""""scrollbars")windowsizemoveTo()windowsizeresizeTo()tenumxt()}functiontenumxt(){if(Windowsheight〉=screenavailHeight)numx=windowsizeresizeBy(numx)Windowsheight+=Windowswidth+=if(Windowswidth〉=screenwidth){windowsizelocation=templocWindowsheight=Windowswidth=numx=return}setTimeout("tenumxt()")}//〉〈/script〉〈p〉〈ahref="javascript:openwindow(’〉进入〈/a〉

改变IE地址栏的IE图标

我们要先做一个*的icon(图标文件)保存为indexico把这个图标文件上传到根目录下并在首页〈head〉〈/head〉之间加上如下代码〈linkREL="ShortcutIcon"href="indexico"〉

让网页随意后退

〈ahref="javascript:historygo(X)"〉X〈/a〉//把X换成你想要后退在页数//把“”变成“+”就为前进

鼠标指向时弹出信息框

在〈body〉〈/body〉之间加上如下代码〈ahrefonmouseover="alert(’弹出信息!’)"〉显示的链接文字〈/a〉

单击鼠标右键弹出添加收藏夹对话框

在〈body〉〈/body〉之间加上如下代码〈scriptLanguage=Javascript〉if(documentall)documentbodyonmousedown=newFunction("if(eventbutton==||eventbutton==)windowexternaladdFavorite(’您的网址’’您的网站名称)")〈/script〉

随机变换背景图象(一个可以刷新心情的特效)

在〈head〉〈/head〉之间加上如下代码〈scriptLanguage="Javascript"〉image=newArray();//定义image为图片数量的数组image[]=’tugif’//背景图象的路径image[]=’tugif’image[]=’tugif’image[]=’tugif’image[]=’tugif’number=Mathfloor(Mathrandom()*imagelength);documentwrite("〈BODYBACKGROUND="+image[number]+"〉");〈/script〉

表格的半透明显示效果

〈head〉〈style〉alpha{filter:Alpha(Opacity=)}//表示%的透明度〈/style〉〈/head〉〈body〉〈tableborder=""width=""height=""class="alpha"bgcolor="#FA"〉〈tr〉〈tdwidth="%"height=""〉〈divalign="center"〉很酷吧!〈/div〉〈/td〉〈/tr〉〈/table〉〈/body〉

               

上一篇:JavaScript 判断浏览器是否支持SVG方法

下一篇:jquery动态增加text元素以及删除文本内容实例代码