常用代码.docx
- 文档编号:29054472
- 上传时间:2023-07-20
- 格式:DOCX
- 页数:16
- 大小:20.84KB
常用代码.docx
《常用代码.docx》由会员分享,可在线阅读,更多相关《常用代码.docx(16页珍藏版)》请在冰豆网上搜索。
常用代码
九:
背景音乐的代码
如果想在你的网站上放上一段好听的背景音乐,代码是:
前面的是音乐地址,一般都以mid或者mp3的形式结尾后面的数字是播放次数。 这个网站都有好的背景音乐 十: 在网站中插入一个flash动画的代码是 src="里面的动画地址换成你的.动画地址都要以swf的形式结尾。 这点需要注意。 十一: 打开网站时候出现的欢迎词代码 ")> 十二: 关闭网站的时候出现的话 站长信箱: ****@欢迎咨询')"> 十三: 打开网站的时候自己做一个弹出窗口的广告 varTimerID=1; window.open('','','width=600,height=300,left=100,top=50'); 里面的这个是你预先做好的一个网页,后面的数字是调节大小和位置的,你自己多试验几次。 十四: 鼠标感应字体变红色的代码如下: 插在 FONT-SIZE: 12px } BODY{ FONT-SIZE: 12px } INPUT{ FONT-SIZE: 12px } A: link{ COLOR: #000000;TEXT-DECORATION: none } A: visited{ COLOR: #000000;TEXT-DECORATION: none } A: active{ COLOR: blue;TEXT-DECORATION: none } A: hover{ COLOR: red;TEXT-DECORATION: underline }.so{ BORDER-RIGHT: 1pxridge;BORDER-TOP: #ffffff1pxridge;FONT-SIZE: 12px;BORDER-LEFT: #ffffff1pxridge;BORDER-BOTTOM: 1pxridge;BACKGROUND-COLOR: #cccccc } 十五: 禁止他人复制你网页的代码: 十六: 把其它网页放入自已网页中的代码: 9.设置该页为首页 <bodybgcolor="#FFFFFF"text="#000000"> <! --网址: http: //你的网址--> <aclass="chlnk"style="cursor: hand"HREF onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('你的网站名称);"><fontcolor="000000"size="2"face="宋体">设为首页</font></a> </body> 图片循环渐显渐隐 效果描述: 图片循环渐显渐隐…… 实现方法: 1、把如下代码加入<body>区域中: alt="Image"style="filter: alpha(opacity=0)"> varb=1; varc=true; functionfade() 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+b; setTimeout("fade()",50); 2、把<body>改为: 注: 图片的文件名及路径可以自行修改。 禁止图片下载 效果描述: 设置某一图片禁止下载,鼠标移动到图片上面时将会给出提示,此方法治标不治本,只能骗骗菜鸟。 实现方法: void(0)"onMouseover="alert("对不起,此图片不能下载! ")"> 注: 图片的文件名及路径可以自行修改。 鼠标控制图片隐现效果 效果显示: 图片一开始是模糊显示,当鼠标移到图片上面时图片会清晰显示。 实现方法: 1、把如下代码加入<body>区域中: -- functionmakevisible(cur,which) if(which==0) cur.filters.alpha.opacity=100 else cur.filters.alpha.opacity=20 //--> 2、把如下代码加入<body>区域中: alpha(opacity=20)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)"> 注: 图片的文件名及路径可以自行修改。 鼠标控制的图片大小变换 效果描述: 一开始图片按设置的比例缩小显示,鼠标移动到图片上面时,图片就会按预先设置的一个较大的比例显示。 实现方法: 把如下代码加入<body>区域中: 100"> onmouseover="img1.style.width="95";" onmouseout="img1.style.width="67";"> 模仿QQ和MSN消息提示的效果 [日期: 2006-04-12] 来源: 作者: 未知 [字体: 大中小] 你一定很喜欢像QQ或者MSN好友登录提示的效果吧,那么怎么样能在网页中实现呢? 正好我在蓝色理想中发现了这段代码,贴出给大家看看(注意,如果使用以下代码,先将全角“<>”替换成半角的“<>”才能正常使用): <SCRIPT> varoPopup=window.createPopup(); varpopTop=50; functionpopmsg(msgstr){ varwinstr="<tablestyle=\"border: 1solid#FFA6CA\"width=\"241\"height=\"172\"border=\"0\"cellpadding=\"0\"cellspacing=\"0\"background=\">"; winstr+="<tr><tdheight=\"30\"></td></tr><tr><tdalign=\"center\"><tablewidth=\"90%\"height=\"110\"border=\"0\"cellpadding=\"0\"cellspacing=\"0\">"; winstr+="<tr><tdvalign=\"top\"style=\"font-size: 12px;color: red;face: Tahoma\">"+msgstr+"</td></tr></table></td></tr></table>"; oPopup.document.body.innerHTML=winstr; popshow(); } functionpopshow(){ window.status=popTop; if(popTop>1720){ clearTimeout(mytime); oPopup.hide(); return; }elseif(popTop>1520&&popTop<1720){ oPopup.show(screen.width-250,screen.height,241,1720-popTop); }elseif(popTop>1500&&popTop<1520){ oPopup.show(screen.width-250,screen.height+(popTop-1720),241,172); }elseif(popTop<180){ oPopup.show(screen.width-250,screen.height,241,popTop); }elseif(popTop<220){ oPopup.show(screen.width-250,screen.height-popTop,241,172); } popTop+=10; varmytime=setTimeout("popshow();",50); } popmsg("<imgborder=\"0\"src=\"width=\"90\"height=\"27\">欢迎光临蓝色理想,大量的设计资源等着你! 有什么问题可以到经典论坛提出。 "); </SCRIPT> 中级篇 1.节日倒计时 <ScriptLanguage="JavaScript"> vartimedate=newDate("October1,2002"); vartimes="国庆节"; varnow=newDate(); vardate=timedate.getTime()-now.getTime(); vartime=Math.floor(date/(1000*60*60*24)); if(time>=0) document.write("现在离"+times+"还有: "+time+"天")</Script> 2.单击按钮打印出当前页 <ScriptLanguage="JavaScript"> <! --Begin if(window.print){ document.write('<form>' +'<inputtype=buttonname=printvalue="打印本页"' +'onClick="javascript: window.print()"></form>'); } //End--> </Script> 3.单击按钮‘另存为’当前页 <inputtype="button"name="Button"value="保存本页" onClick="document.all.button.ExecWB(4,1)"> <objectid="button" width=0 height=0 classid="CLSID: 8856F961-340A-11D0-A96B-00C04FD705A2"> <embedwidth="0"height="0"></embed> </object> 4.显示系统当前日期 <scriptlanguage=JavaScript> today=newDate(); functiondate(){ this.length=date.arguments.length for(vari=0;i<this.length;i++) this[i+1]=date.arguments[i]} vard=newdate("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); document.write( "<fontcolor=##000000style='font-size: 9pt;font-family: 宋体'>", today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日", d[today.getDay()+1],"</font>"); </script> 高级篇 1.不同时间段显示不同问候语 <ScriptLanguage="JavaScript"> <! -- vartext="";day=newDate();time=day.getHours(); if((time>=0)&&(time<7)) text="夜猫子,要注意身体哦! " if((time>=7)&&(time<12)) text="今天的阳光真灿烂啊,你那个朋友呢? " if((time>=12)&&(time<14)) text="午休时间。 您要保持睡眠哦! " if((time>=14)&&(time<18)) text="祝您下午工作愉快! " if((time>=18)&&(time<=22)) text="您又来了,可别和MM聊太久哦! " if((time>=22)&&(time<24)) text="您应该休息了! " document.write(text) //---> </Script> 2.水中倒影效果 <imgid="reflect"src="../../你自己的图片文件名"width="175"height="59"> <scriptlanguage="JavaScript"> functionf1() { setInterval("mdiv.filters.wave.phase+=10",100); } if(document.all) { document.write('<imgid=mdivsrc="'+document.all.reflect.src+'" style="filter: wave(strength=3,freq=3,phase=0,lightstrength=30)blur()flipv()">') window.onload=f1 } </script> 3.慢慢变大的窗口 <ScriptLanguage="JavaScript"> <! -- varWindowsheight=100 varWindowswidth=100 varnumx=5 functionopenwindow(thelocation){ temploc=thelocation if (! (window.resizeTo&&document.all)&&! (window.resizeTo&&document.getElementById)) { window.open(thelocation) return } windowsize=window.open("","","scrollbars") windowsize.moveTo(0,0) windowsize.resizeTo(100,100) tenumxt() } functiontenumxt(){ if(Windowsheight>=screen.availHeight-3) numx=0 windowsize.resizeBy(5,numx) Windowsheight+=5 Windowswidth+=5 if(Windowswidth>=screen.width-5) { windowsize.location=temploc Windowsheight=100 Windowswidth=100 numx=5 return } setTimeout("tenumxt()",50) } //--> </script> <p><ahref="javascript: openwindow('')">进入</a> 4.改变IE地址栏的IE图标 我们要先做一个16*16的icon(图标文件),保存为index.ico。 把这个图标文件上传到根目录下并在首页<head></head>之间加上如下代码: <linkREL="ShortcutIcon"href="index.ico"> 5.让网页随意后退 <ahref="javascript: history.go(-X)">X</a>//把X换成你想要后退在页数 //把“-”变成“+”就为前进 6.鼠标指向时弹出信息框 在<body></body>之间加上如下代码: <ahrefonmouseover="alert('弹出信息! ')">显示的链接文字</a> 7.单击鼠标右键弹出添加收藏夹对话框 在<body></body>之间加上如下代码: <ScriptLanguage=JavaScript> if(document.all) document.body.onmousedown=newFunction("if(event.button==2||event.button==3) window.external.addFavorite('您的网址','您的网站名称)") </Script> 8.随机变换背景图象(一个可以刷新心情的特效) 在<head></head>之间加上如下代码: <ScriptLanguage="JavaScript"> image=newArray(4);//定义image为图片数量的数组 image[0]='tu0.gif'//背景图象的路径 image[1]='tu1.gif' image[2]='tu2.gif' image[3]='tu3.gif' image[4]='tu4.gif' number=Math.floor(Math.random()*image.length); document.write("<BODYBACKGROUND="+image[number]+">"); </Script> 9.鼠标一碰就给颜色看的链接 在<body></body>之间加上如下代码: <ponMouseMove="anniu()">你敢碰我,我就给点颜色你看! </p> <ScriptLanguage="VBScript"> subanniu document.fgColor=int(256*256*256*rnd) endsub </Script> 10.从天而降并有幻影效果的窗口 <head> <Scriptlanguage="JavaScript"> functionmove(x){ if(self.moveBy){ self.moveBy(0,-800); for(i=x;i>0;i--) { self.moveBy(0,3); } for(j=200;j>0;j--){//如果你认为窗口抖动厉害,就200换成个位数 self.moveBy(0,j); self.moveBy(j,0); self.moveBy(0,-j); self.moveBy(-j,0); } } } </Scrip> <bodybgColor=#ffffffonload=move(280)> </body> </head> 11.表格的半透明显示效果 在<head></head>之间加上如下代码: <style> .alpha{filter: Alpha(Opacity=50)}//50表示50%的透明度 </style> 在<body></body>之间加上如下代码: <tableborder="1"width="100"height="62"class="alpha"bgcolor="#F2A664"> <tr> <tdwidth="100%"height="62"> <divalign="center">很酷吧! </div> </td> </tr> </table>
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 常用 代码
![提示](https://static.bdocx.com/images/bang_tan.gif)