【网页特效代码-页面特效】一张图片实现的超酷效果网站导航菜单

合集下载

【网页特效代码-页面特效】点击文字链接后,慢慢展开一个菜单层,展开

【网页特效代码-页面特效】点击文字链接后,慢慢展开一个菜单层,展开
</DIV>
<SCRIPT language=JavaScript1.2>
if (yers){
document.dropmenu03.captureEvents(Event.CLICK)
document.dropmenu03.onclick=hidemenu2
}
</SCRIPT></div></td></tr>
else
document.dropmenu03.visibility="hide"
document.dropmenu03.left=yerX
document.dropmenu03.top=yerY+19
return false
}
function hidemenu(){
selection[13]='<a href="/xml/index.asp" class=yellow> [3] XML方面</a>'
if (yers)
document.dropmenu01.document.dropmenu02.visibility='show'
function dropit2(){
selection[8]='<a href="/free/guestbook/index.asp" class=yellow> [2] 免费留言板申请</a><br>'
selection[9]='<a href="/free/vote/index.asp" class=yellow> [3] 免费网上调查申请</a><br>'

【网页特效代码-页面特效】网页中弹出小窗口,页面背景逐渐变为半透明

【网页特效代码-页面特效】网页中弹出小窗口,页面背景逐渐变为半透明

【网页特效代码-页面特效】网页中弹出小窗口,页面背景逐渐变为半透明.txt我是天使,回不去天堂是因为体重的原因。

别人装处,我只好装经验丰富。

泡妞就像挂QQ,每天哄她2个小时,很快就可以太阳了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><title>网页中弹出小窗口,页面背景逐渐变为半透明-Q291911320</title><style>html,body{font-size:12px;margin:0px;height:100%;}.mesWindow{border:#666 1px solid;background:#fff;}.mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12p x;}.mesWindowContent{margin:4px;font-size:12px;}.mesWindow .close{height:15px;width:28px;border:none;cursor:pointer;text-decorat ion:underline;background:#fff}</style><script>var isIe=(document.all)?true:false;//设置select的可见状态function setSelectState(state){var objl=document.getElementsByTagName('select');for(var i=0;i<objl.length;i++){objl[i].style.visibility=state;}}function mousePosition(ev){if(ev.pageX || ev.pageY){return {x:ev.pageX, y:ev.pageY};}return {x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,y:ev.clientY + document.body.scrollTop - document.body.clientTop};}//弹出方法function showMessageBox(wTitle,content,pos,wWidth){closeWindow();var bWidth=parseInt(document.documentElement.scrollWidth);var bHeight=parseInt(document.documentElement.scrollHeight);if(isIe){setSelectState('hidden');}var back=document.createElement("div");back.id="back";varstyleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px; height:"+bHeight+"px;";styleStr+=(isIe)?"filter:alpha(opacity=0);":"opacity:0;";back.style.cssText=styleStr;document.body.appendChild(back);showBackground(back,50);var mesW=document.createElement("div");mesW.id="mesWindow";mesW.className="mesWindow";mesW.innerHTML="<div class='mesWindowTop'><table width='100%' height='100%'><tr><td>"+wTitle+"</td><td style='width:1px;'><input type='button' onclick='closeWindow();' title='关闭窗口' class='close' value='关闭' /></td></tr></table></div><div class='mesWindowContent' id='mesWindowContent'>"+content+"</div><div class='mesWindowBottom'></div>"; styleStr="left:"+(((pos.x-wWidth)>0)?(pos.x-wWidth):pos.x)+"px;top:"+(pos.y)+"px ;position:absolute;width:"+wWidth+"px;";mesW.style.cssText=styleStr;document.body.appendChild(mesW);}//让背景渐渐变暗function showBackground(obj,endInt){if(isIe){obj.filters.alpha.opacity+=1;if(obj.filters.alpha.opacity<endInt){setTimeout(function(){showBackground(obj,endInt)},5);}}else{var al=parseFloat(obj.style.opacity);al+=0.01;obj.style.opacity=al;if(al<(endInt/100)){setTimeout(function(){showBackground(obj,endInt)},5);}}}//关闭窗口function closeWindow(){if(document.getElementById('back')!=null){document.getElementById('back').parentNode.removeChild(document.getElementById(' back'));}if(document.getElementById('mesWindow')!=null){document.getElementById('mesWindow').parentNode.removeChild(document.getElementB yId('mesWindow'));}if(isIe){setSelectState('');}}//测试弹出function testMessageBox(ev){var objPos = mousePosition(ev);messContent="<div style='padding:20px 0 20px 0;text-align:center'>消息正文</div>"; showMessageBox('窗口标题',messContent,objPos,350);}</script></head><body><div style="padding:20px"><div style="text-align:left";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div><div style="text-align:left;padding-left:20px;padding-top:10px";><select ID="Select1" NAME="Select1"><option>下拉</option></select>弹出窗口时会将其隐藏,关闭时会让其显示,目的是在IE中防止弹出的DIV挡不住下拉框</div><div style="text-align:center";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div><div style="text-align:right";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div></div></body></html>。

HTML特效代码大全(完整)

HTML特效代码大全(完整)

HTML特效代码⼤全(完整)1.贴图:<img src="图⽚地址">2.加⼊连接:<a href="所要连接的相关地址">写上你想写的字</a>3.在新窗⼝打开连接:<a href="相关地址" target="_blank">写上要写的字</a>消除连接的下划线在新窗⼝打开连接:<a href="相关地址" style="text-decoration:none" target="_blank">写上你想写的字</a>4.移动字体(⾛马灯):<marquee>写上你想写的字</marquee>5.字体加粗:<b>写上你想写的字</b>6.字体斜体:<i>写上你想写的字</i>7.字体下划线: <u>写上你想写的字</u>8.字体删除线: <s>写上你想写的字</s>9.字体加⼤: <big>写上你想写的字</big>10.字体控制⼤⼩:<h1>写上你想写的字</h1> (其中字体⼤⼩可从h1-h5,h1最⼤,h5最⼩)11.更改字体颜⾊:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间12.消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>13.贴⾳乐:<embed src=⾳乐地址 width=300 height=45 type=audio/mpeg autostart="false">14.贴flash: <embed src="flash地址" width="宽度" height="⾼度">15.贴影视⽂件:<img dynsrc="⽂件地址" width="宽度" height="⾼度" start=mouseover>16.换⾏:<br/>17.段落:<p>段落</p>18.原始⽂字样式:<pre>正⽂</pre>19.换帖⼦背景:<body background="背景图⽚地址">20.固定帖⼦背景不随滚动条滚动:<body background="背景图⽚地址" bodybgproperties=fixed>21.定制帖⼦背景颜⾊:<body bgcolor="#value">(value值见10)22.帖⼦背景⾳乐:<bgsound="背景⾳乐地址" loop=infinite>23.贴⽹页:<iframe src="相关地址" width="宽度" height="⾼度"></iframe>HTML特效代码1。

很漂亮的蓝色经典CSS导航菜单代码

很漂亮的蓝色经典CSS导航菜单代码

很漂亮的蓝⾊经典CSS导航菜单代码代码简介:很不错的⼀款蓝⾊风格经典的CSS导航菜单,只不过⽤到了⼏张背景图⽚,好像这些图⽚可以合并起来⽤,有兴趣⽤的朋友可以适当优化⼀下,从外观上来看,这款菜单还是⾮常好看的。

代码内容:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><title>很漂亮的蓝⾊经典CSS导航菜单代码_⽹页代码站()</title><meta http-equiv="content-Type" content="text/html;charset=gb2312"><style type="text/css">body{margin:20px 0 0 0; padding:0px; font-size:12px; font-family:""; line-height:20px; background:#fff;}div{margin:0 auto; padding:0px;}h1,h2,h3,h4,h5,h6,ul,li,dt,dl,dd,form,p{margin:0px; padding:0px; list-style-type:none;}img{border:none;}.f_l{float:left;}.f_r{float:right;}.tl{text-align:left;}.tr{text-align:right;}.tc{text-align:center;}.clearing{clear:both; height:0px; line-height:0px; overflow:hidden;}.pos{position:relative;}.dis{display:block;}.marg{margin-top:-1px;}.block{width:933px; height:auto;}.border_1{border:1px solid #999;}.blank9{height:9px; line-height:9px; clear:both; overflow:hidden;}.f1{color:#0066cc; text-decoration:underline;}.f2{color:#ff0000;}.f3{color:#ff0000; font-weight:bold;}.f4{color:#0066cc;}.f5{color:#cc6633;}.f_weight{ font-weight:bold; color:#333333; font-size:14px;}.fLink{color:#dc1a00; text-decoration:none;}#top{height:69px;}#top img{margin-left:20px;}#top .text{color:#b1b1b1; position:absolute; right:0px; bottom:12px;}#top .text a{color:#b1b1b1; text-decoration:none;}#nav{width:933px; height:30px; background:url(/images/20090920/0_navBg.gif) repeat-x lefttop;}#nav span{width:4px; height:30px; display:block; background:url(/images/20090920/0_bg.gif)no-repeat 0 0;position:absolute; left:0px; top:0px;}#nav span.right{background:url(/images/20090920/0_bg.gif) no-repeat -5px 0;position:absolute; left:929px; top:0px;}#nav .navBox{background:url(/images/20090920/0_dhling.gif) no-repeat left top; padding-left:1px;}#nav a{display:block; width:99px; height:30px; line-height:30px; font-size:13px; color:#fff; font-weight:bold;background:url(/images/20090920/0_dhbg.gif) no-repeat left top; float:left; text-align:center; text-decoration:none;}#nav a:hover,#nav .cur{display:block; width:99px; height:30px; line-height:30px; font-size:13px; color:#fff;font-weight:bold;background:url(/images/20090920/0_dhbg1.gif) no-repeat left top; float:left; text-align:center; text-decoration:none;}</style></head><body><div id="nav" class="pos"><span class="right"></span><div class="navBox f_r"><a href="/" class="cur">⽹站⾸页</a><a href="/">Ajax</a><a href="/">脚本资源</a><a href="/">电⼦书籍</a><a href="/">⽅案及⽂档</a><a href="/">⼯具软件</a></div></div></body></html><br><p><a href="">⽹页代码站</a> - 最专业的代码下载⽹站 - 致⼒为中国站长提供有质量的代码!</p>。

JavaScript实现动态网页特效

JavaScript实现动态网页特效

JavaScript实现动态网页特效JavaScript是一种常用的编程语言,可以用于实现动态网页特效。

通过JavaScript,开发者可以为网页添加各种交互效果,使用户体验更加丰富和吸引人。

以下是一些常见的JavaScript动态网页特效的实现方法:1. 鼠标悬停效果:通过JavaScript可以实现当鼠标悬停在某个区域上时,改变该区域的样式或显示隐藏的内容。

例如,当用户将鼠标悬停在一个按钮上时,可以让按钮的颜色变化或显示按钮下方的一段描述文字。

2. 幻灯片效果:通过JavaScript可以实现网页上的幻灯片效果,使多张图片自动轮播展示。

可以通过设置定时器和改变图片的显示状态来实现。

这种效果常用于图片展示、轮播广告等地方。

3. 下拉菜单效果:通过JavaScript可以实现网页上的下拉菜单效果,让用户点击或悬停在一个导航栏上时,下方显示出更多的选项。

可以通过设置事件监听和改变菜单的可见性来实现。

4. 表单验证效果:通过JavaScript可以实现网页上的表单验证效果,检查用户输入的内容是否符合要求。

可以通过设置事件监听和编写验证函数来实现。

例如,当用户提交表单时,可以检查是否所有的必填项都已填写,并给出相应的提示。

5. 动态加载内容效果:通过JavaScript可以实现动态加载内容的效果,当用户滚动网页到一定位置时,自动加载更多的内容。

可以通过监听滚动事件和设置ajax 请求来实现。

这种效果常用于博客、社交媒体等网站上。

6. 特效动画效果:通过JavaScript可以实现各种特效动画,如淡入淡出效果、滑动效果、旋转效果等。

可以通过改变元素的显示状态、设置定时器和改变元素的样式来实现。

这种效果常用于网页中的广告、特效展示等地方。

7. 音频视频播放效果:通过JavaScript可以实现网页上的音频和视频播放效果。

可以通过设置事件监听、控制播放状态和改变样式来实现。

例如,当用户点击一个按钮时,可以播放音频或视频,并显示相应的控制按钮。

淘宝网店首页装修代码大集合+FLASH代码大全

淘宝网店首页装修代码大集合+FLASH代码大全

淘宝网店免费装修代码大集合一、插入图片代码:<img src="图片链接地址" /> 注:先把图片上传到网络相册网络地址,把它拷贝下来,放到下边一串代码里替代汉字部分;可以代码里替代汉字部分;可以应用于公告栏、分类栏及宝贝描述内。

二、插入公告栏挂饰代码:<img src="图片链接地址" style="left:20px; position: relative; top:0px" /> 注:先把挂饰图片上传到网络相册;可以应用于公告栏、分类栏及宝贝描述内。

三、背景音乐代码:<bgsound loop="-1" src="音乐地址音乐地址"></bgsound> 注:先把挂饰图片上传到网络相册;可以应用于公告栏、宝贝描述内。

三、在图片里附加音乐的办法:三、在图片里附加音乐的办法:<img border=0 src="图片地址图片地址" dynsrc=音乐地址> 注:先把挂饰图片上传到网络相册;可以应用于公告栏、宝贝描述内。

四、浮动图片的代码:<img alt="1" height="150" src="这里放图片地址"/>五、悬浮挂饰代码:<img src="这里放图片地址" style="left:20px; position: relative; top:0px" />六、文字链接代码:<a href="网页地址">链接的文字</a>七、移动文字代码:<marquee>从右到左移动的文字</marquee>八、计数器代码<a href="" target="_blank"><img src="计数器地址"border=0 alt=""></a>九、店铺公告里的漂亮悬浮挂件的代码:<marquee style="position:relative;" onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60"> <img src="加入你自己的图片地址" />十、店铺公告添加个性的鼠标指针代码:<table style="CURSOR: url('上传后的鼠标指针的网址')"><tr><td> <table border="0" style="TABLE-LAYOUT: fixed">十一、宝贝描述加上个性的鼠标指针代码,然后复制以下代码:先选“编辑源文件” ,然后复制以下代码:<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址')"> <tr> <td width="100%"> 另外,还要在源文件底部输入代码:</td></tr></table>十二、添加QQ在线交谈代码:<a target=blank href=/msgrd?V=1&Uin=41826029&Site=www.goodcup. &Menu=yes> <img border="0" SRC=/pa?p=1:41826029:7 alt="点击这里给我发消息"></a> 注: 这是QQ在线状态的代码,里面的数值要改变,号码和网址改为你自己的,这个链接的作用自己的,这个链接的作用是别人可以直接点击联系你而无需加你为好友,使用方法是直接链接。

网站图片特效

网站图片特效

/autocad/cadlxt/填写标题填写标题填写标题<imgsrc=/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/37e7f844f 7dfab72cffca394.jpg></MARQUEE><MARQUEE behavior=alternate direction=up height=250 width=120><imgsrc=/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/37e7f844f 7dfab72cffca394.jpg></MARQUEE><MARQUEE behavior=alternate direction=up height=200 width=120><imgsrc=/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/37e7f844f 7dfab72cffca394.jpg></MARQUEE><MARQUEE behavior=alternate direction=up height=250 width=120>4、图片在方框里飘动飞吻代码:<table width="450" border="0" align="center"><tr><td><div align="center" >飞吻(标题)</div></td></tr></table><table align=center border=0 bordercolor="#" width=450 height=250><tdbackground=/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/7 3e036305e31364cebc4afbb.jpg><marquee behavior=alternate scrollamount=3 direction=down width=445 height=245><marquee behavior=alternate scrollamount=3 width=450><font color=red size=6><imgsrc=/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/d507e419c383bf5334fa4145.jpg></font></marquee></marquee></td></table>5、图片百叶窗式滚动填写标题填写标题填写标题代码:<table width="400" border="0" align="center"><tr><td><div align="center" >填写标题填写标题填写标题</div></td></tr></table><br><TABLE cellSpacing=0 cellPadding=0 width="90%" align=center border=0><TBODY><TR><TD align=middle><MARQUEE scrollAmount=5 scrollDelay=50 direction=right width=150><IMGsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/35737a2b e07f096d5343c1f9.jpg"></MARQUEE></TD><TD align=middle><MARQUEE scrollAmount=5 scrollDelay=50 direction=right width=150><IMGsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/35737a2b e07f096d5343c1f9.jpg"></MARQUEE></TD><TD align=middle><MARQUEE scrollAmount=5 scrollDelay=50 direction=right width=150><IMGsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/35737a2b e07f096d5343c1f9.jpg"></MARQUEE></TD><TD align=middle><MARQUEE scrollAmount=5 scrollDelay=50 width=150><IMGsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/35737a2b e07f096d5343c1f9.jpg"></MARQUEE></TD><TD align=middle><MARQUEE scrollAmount=5 scrollDelay=50 width=150><IMGsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/35737a2b e07f096d5343c1f9.jpg"></MARQUEE></TD><TD align=middle><MARQUEE scrollAmount=5 scrollDelay=50 width=150><IMGsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/35737a2b e07f096d5343c1f9.jpg"></MARQUEE></TD></TR></TBODY></TABLE><BR><BR>6、多图片交替跳跃<CENTER><imgsrc=/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/069705eca 092ea82b21cb139.jpg></CENTER></MARQUEE><MARQUEE direction=up behavior=alternate width=125><CENTER><imgsrc=/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/069705eca 092ea82b21cb139.jpg></CENTER></MARQUEE><MARQUEE direction=up behavior=alternate width=125 height=120><CENTER><imgsrc=/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/069705eca 092ea82b21cb139.jpg></CENTER></MARQUEE><MARQUEE direction=up behavior=alternate width=125><CENTER><imgsrc=/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/069705eca 092ea82b21cb139.jpg></CENTER></MARQUEE><MARQUEE direction=up behavior=alternate width=125 height=120><CENTER><imgsrc=/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/069705eca 092ea82b21cb139.jpg></CENTER></MARQUEE></MARQUEE></FONT></CENTER>7、图片在背景图片上滚动22ccbe66c8955981.jpg"><imgsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/71689e12 159be5575aaf5381.jpg"><imgsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/73e03630 783ed44cebc4af82.jpg"><imgsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/d676fc18 9fafd01043a9ad82.jpg"><imgsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/96b3b902 0de6ce223912bb82.jpg"><imgsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/f90e9b2b e35e53ce033bf681.jpg"><imgsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/efd9cd8a 8f75cf86fd1f1081.jpg"></MARQUEE></DIV>9、多图片在方框里循环滚动这里写标题,不用标题可以删除<TBODY><TR><TD><CENTER><P align=center><MARQUEE scrollAmount=4width="100%" directio="left"><IMGsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/77474c4e 16999063afc3ab80.jpg"><IMGsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/7ccf47fbf 85441c259ee9080.jpg"><IMGsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/c313a625 2cf0ce544c088d80.jpg"><IMGsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/bef3b802 37e6c7b908fa9380.jpg"><IMGsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/b101004b 92cd217609f7ef80.jpg"><IMGsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/c66f1e0e 1f90b07f6059f380.jpg"><IMGsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/1a7f5f398 92a9ca7b211c780.jpg"><IMGsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/708c61dc 53a51b8c8d102980.jpg"><IMGsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/477300c3 2b0be260e5dd3b80.jpg"><IMGsrc="/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/5de876da e5943533d0164e87.jpg"></MARQUEE></P></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY ></TABLE></TD></TR></TBODY></TABLE>。

html开网站弹窗代码大全,网页弹窗代码大全

html开网站弹窗代码大全,网页弹窗代码大全

【3、⽤函数控制弹出窗⼝】下⾯是⼀个完整的代码。

...任意的页⾯内容...这⾥定义了⼀个函数openwin(),函数内容就是打开⼀个窗⼝。

在调⽤它之前没有任何⽤途。

怎么调⽤呢?⽅法⼀: 浏览器读页⾯时弹出窗⼝;⽅法⼆: 浏览器离开页⾯时弹出窗⼝;⽅法三:⽤⼀个连接调⽤:注意:使⽤的"#"是虚连接。

⽅法四:⽤⼀个按钮调⽤:value="打开窗⼝">【4、同时弹出2个窗⼝】对源代码稍微改动⼀下:为避免弹出的2个窗⼝覆盖,⽤top和left控制⼀下弹出的位置不要相互覆盖即可。

最后⽤上⾯说过的四种⽅法调⽤即可。

注意:2个窗⼝的name(newwindows和newwindow2)不要相同,或者⼲脆全部为空。

ok?【5、主窗⼝打开⽂件1.htm,同时弹出⼩窗⼝page.html】如下代码加⼊主窗⼝区:加⼊区:即可。

【6、弹出的窗⼝之定时关闭控制】下⾯我们再对弹出的窗⼝进⾏⼀些控制,效果就更好了。

如果我们再将⼀⼩段代码加⼊弹出的页⾯(注意是加⼊到page.html的html中,可不是主页⾯中,否则...),让它10秒后⾃动关闭是不是更酷了?⾸先,将如下代码加⼊page.html⽂件的区:function closeit(){settimeout("self.close()",10000) //毫秒}然后,再⽤这⼀句话代替page.html中原有的这⼀句就可以了。

(这⼀句话千万不要忘记写啊!这⼀句的作⽤是调⽤关闭窗⼝的代码,10秒钟后就⾃⾏关闭该窗⼝。

)【7、在弹出窗⼝中加上⼀个关闭按钮】οnclick='window.close()'>呵呵,现在更加完美了!【8、内包含的弹出窗⼝-⼀个页⾯两个窗⼝】上⾯的例⼦都包含两个窗⼝,⼀个是主窗⼝,另⼀个是弹出的⼩窗⼝。

通过下⾯的例⼦,你可以在⼀个页⾯内完成上⾯的效果。

function openwin(){openwindow=window.open("", "newwin", "height=250,width=250,toolbar=no,scrollbars="+scroll+",menubar=no");//写成⼀⾏openwindow.document.write("例⼦")openwindow.document.write("bgcolor=#ffffff>")openwindow.document.write("hello!")openwindow.document.write("new window opened!")openwindow.document.write("")openwindow.document.write("")openwindow.document.close()}value="打开窗⼝">看看openwindow.document.write()⾥⾯的代码不就是标准的html吗?只要按照格式写更多的⾏即可。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

【网页特效代码-页面特效】一张图片实现的超酷效果网站导航菜单.txt跌倒了,爬起来再哭~~~低调!才是最牛B的炫耀!!不吃饱哪有力气减肥啊?真不好意思,让您贱笑了。

我能抵抗一切,除了诱惑……老子不但有车,还是自行的……<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<title>一张图片Q291911320实现的超酷效果</title>
<style type="text/css">
<!--
body {text-align:center}
table {border:1px solid #eeeeee;padding:3px 0;border-bottom-width:5px}
.icon td {width:50px;height:37px;background-image:url(/teixiao/UploadFiles_4612/200707/20 070703103750588.gif)}
.capt td {font:normal 11px verdana;padding:2px 0}
.a {background-position-y:0px}
.b {background-position-y:-37px}
.c {background-position-y:-74px}
.d {background-position-y:-111px}
.e {background-position-y:-148px}
.f {background-position-y:-185px}
.g {background-position-y:-222px}
.f1 {background-position-x:0px}
.f2 {background-position-x:-51px}
.f3 {background-position-x:-101px}
.f4 {background-position-x:-153px}
.f5 {background-position-x:-205px}
.f6 {background-position-x:-257px}
.f7 {background-position-x:-309px}
-->
</style>
<script language="javascript">
window.onload=function(){
var t=document.getElementsByTagName('table')[0];
var cs=t.rows[1].cells,ct=t.rows[0].cells;
for(var i=0;i<cs.length;i++)
cssAni(cs[i],ct[i],7);
}
function cssAni(osrc,otarget,num,duration){
////////
//IE only
//by mozart0, 2007.06.09
////////
var t=null,c=1,d=0,n=0,i=Math.floor((duration||300)/num); var s=otarget.className.replace(/.$/,''),r=/over/;
osrc.onmouseover=osrc.onmouseout=function(e){
n=r.test((e||event).type)?1:-1;
if(!t) t=setInterval(function(){
if((c==1||c==num)&&((d==n||c+n<1)||!(d=n)))
return clearInterval(t),t=null;
otarget.className=s+(c+=d);
},i);
};
}
</script>
</head>
<body>
鼠标指向字符A、B、C、D、E、F、G。

你就可以看到效果了!!哈哈
<table>
<tr class='icon'>
<td class='a f1'></td>
<td class='b f1'></td>
<td class='c f1'></td>
<td class='d f1'></td>
<td class='e f1'></td>
<td class='f f1'></td>
<td class='g f1'></td>
</tr>
<tr class='capt'>
<td><a href='#;'>A</a></td>
<td><a href='#;'>B</a></td>
<td><a href='#;'>C</a></td>
<td><a href='#;'>D</a></td>
<td><a href='#;'>E</a></td>
<td><a href='#;'>F</a></td>
<td><a href='#;'>G</a></td>
</tr>
</table>
</body>
</html>。

相关文档
最新文档