您当前的位置： 代码秀 -> 网页特效 -> 鼠标特效 -> 文章列表
| 文章标题 | 加入时间 | |
| · 鼠标经过文字变色 | 2006-10-29 00:46:11 |
| 脚本说明:把如下代码加入区域中鼠标经过时就会变色的文本subhellodocument.fgColor=int(256*256*256*rnd)endsub | |
| · [图文] 鼠标响应图片变化 | 2006-10-29 00:46:10 |
| 脚本说明:把如下代码加入区域中img1=newArray(2);img1[0]=newImage;img1[0].src="http://www.netton.cn/js/image/img-01.jpg";img1[1]=newImage;img1[1].src="http://www.netto... | |
| · 跟随鼠标的萤火虫[无须修改][]共1步] | 2006-10-29 00:46:08 |
| 1、将以下代码加入HEML的之间：if(!document.layers&&!document.all)event="test"functionshowtip2(current,e,text){if(document.all&&document.readyState=="complete"){doc... | |
| · [图文] 任意用鼠标拖动图片。 | 2006-10-29 00:46:06 |
| 脚本说明:第一步:把如下代码加入区域中#plane1{position:absolute;left:290;top:170;width:121;z-index:0}#plane2{position:absolute;left:400;top:250;width:118;z-index:0}//Mod... | |
| · 跟随鼠标旋转的七彩环背景用黑色方显酷色 | 2006-10-29 00:46:04 |
| 脚本说明:把如下代码加入区域中 | |
| · 跟随鼠标星星第二部份 | 2006-10-29 00:46:03 |
| functionPopWin(){varPopWin=window.open("new.htm","PopWin","toolbar=no,directries=no,scrollBars=yes,height=350,width=400");}varyyns4=window.Event?true:... | |
| · 跟随鼠标星星第一部份 | 2006-10-29 00:46:01 |
| 脚本说明:把如下代码加入区域中/*ScrollingImageMap/TextLinkTooltipScript-SpecialThanksto:Rob(http://rob.yeah.net)MissAnn(http://annworld.126.com)*/if(!document.layers... | |
| · 右键自动链接页面 | 2006-10-29 00:45:58 |
| 脚本说明:把如下代码加入区域中if(navigator.appName.indexOf("InternetExplorer")!=-1)document.onmousedown=noSourceExplorer;functionnoSourceExplorer(){if(event.button==... | |
| · 鼠标跟踪器 | 2006-10-29 00:45:51 |
| 脚本说明:把如下代码加入区域中")}functioncreateContainer(N,Xp,Yp,W,H,At,HT,Op,St){with(document){write((!B)?"":">");write((HT)?HT:"");if(!Op)closeContainer(N)}}funct... | |
| · 禁用鼠标左右键 --用处大大的有吆-- | 2006-10-29 00:45:44 |
| 脚本说明:把如下代码加入区域中functionclick(){if(event.button==1){//改成button==2为禁止右键alert('对不起,禁止使用此功能.')}}document.onmousedown=click | |
| · [图文] 鼠标放上去打开新页面 (慎用..) | 2006-10-29 00:45:43 |
| 脚本说明:第一步:把如下代码加入区域中functionwinopen(){msg=open("update.htm","NewWindow","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resiz... | |
| · [图文] 图片跟随鼠标 | 2006-10-29 00:45:34 |
| 脚本说明:第一步:把如下代码加入区域中varnewtop=0varnewleft=0if(navigator.appName=="Netscape"){layerStyleRef="layer.";layerRef="document.layers";styleSwitch="";}else{lay... | |
| · 跟随鼠标的十字架 | 2006-10-29 00:45:30 |
| 将以下内容加入BODY标签中 | |
| · 跟随鼠标的花絮 | 2006-10-29 00:45:28 |
| 步骤一:请将下面的原代码插入到下面')for(xy=0;xy')document.write('')}if(document.layers){window.captureEvents(Event.MOUSEMOVE);}varyBase=200;varxBase=200;varyAmpl=10;va... | |
| · 跟随鼠标的时钟 | 2006-10-29 00:45:27 |
| 步骤一:请将下面的原代码插入到下面');for(i=0;i'+S[i]+'');for(i=0;i'+M[i]+'');for(i=0;i'+H[i]+'');}else{document.write('');for(i=0;i');}document.write('');document.writ... | |
| · 攻击鼠标的文字 | 2006-10-29 00:45:25 |
| 步骤一:请将下面的原代码插入到下面'+msg[i]+'');}window.captureEvents(Event.MOUSEMOVE);functionnsMouse(evnt){ypos=evnt.pageY-20;xpos=evnt.pageX-10;}window.onMouseMove=n... | |
| · 在鼠标后面跟着一串飘动的字符 | 2006-10-29 00:45:24 |
| .spanstyle{COLOR:#ffd8ff;FONT-FAMILY:宋体;FONT-SIZE:10pt;POSITION:absolute;TOP:-50px;VISIBILITY:visible}varx,yvarstep=18varflag=0//Yoursnappymessage.Imp... | |
| · 鼠标放到链接上就会出现一个说明框，里面有滚动的文字说明 | 2006-10-29 00:45:22 |
| '+text+''document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10document.all.tooltip2.style.pixelTop=event.clientY+document.bo... | |
| · 鼠标旋转特效(一) | 2006-10-29 00:45:20 |
| 脚本说明:把如下代码加入区域中')document.write('');for(n=0;n')document.write('')document.write('')functionMsieMouseFollow(){Xpos=document.body.scrollLeft+event.x-5;Y... | |
| · 鼠标旋转效果(六) | 2006-10-29 00:45:18 |
| 脚本说明:把如下代码加入区域中'+''+''+''+''+''+'');}elseif(document.all){functionFollowMouse(){Xpos=document.body.scrollLeft+event.x;Ypos=document.body.scrollTop+eve... | |
| · 显示鼠标坐标 | 2006-10-29 00:45:16 |
| 脚本说明：第一步:把如下代码加入区域中:if(navigator.appName=='Netscape'){document.captureEvents(Event.MOUSEMOVE);document.onmousemove=netscapeMouseMove;}functionnetscape... | |
| · 显示链接特征 | 2006-10-29 00:45:15 |
| 脚本说明：第一步:把如下代码加入区域中:functionmOver(){document.all.tags("A").item(0).style.textDecoration="none";}A:hover{COLOR:orange}A:hover{CURSOR:ne-resize}A{TEXT-D... | |
| · 非图片鼠标跟踪器 | 2006-10-29 00:45:13 |
| 脚本说明:第一步：把如下代码加入区域中第二步：把如下代码加入区域中varnav=(document.layers);vartmr=null;varspd=50;varx=0;varx_offset=5;vary=0;vary_offset=15;if(nav)document.captureEven... | |
| · 各种形状的鼠标 | 2006-10-29 00:45:12 |
| 脚本说明:第一步:把如下代码加入区域中style="cursor:hand"style="cursor:crosshair"style="cursor:text"style="cursor:wait"style="cursor:move"style="cursor:help"style="curso... | |
| · 字符围绕鼠标 | 2006-10-29 00:45:10 |
| 脚本说明:把如下代码加入区域中=200)s-=100;elseif(s>90&&svarword=newArray(5);word[1]="J";word[2]="o";word[3]="y";word[4]="F";word[5]="m";for(i=1;i"+word[i]+"");start(... | |
| · 右键打开收藏夹 | 2006-10-29 00:45:08 |
| 脚本说明:把如下代码加入区域中if(document.all)document.body.onmousedown=newFunction("if(event.button==2||event.button==3)window.external.addFavorite('http://www.9966... | |
| · 跟随鼠标的字符 | 2006-10-29 00:45:07 |
| 脚本说明:第一步:把如下代码加入区域中.spanstyle{COLOR:#ffd8ff;FONT-FAMILY:宋体;FONT-SIZE:10pt;POSITION:absolute;TOP:-50px;VISIBILITY:visible}varx,yvarstep=18varflag=0//Yo... | |
| · 鼠标激活警告框 | 2006-10-29 00:45:05 |
| 脚本说明:把如下代码加入区域中记住本站域名 | |
| · 禁用右键并自动导航 | 2006-10-29 00:45:03 |
| 脚本说明:把如下代码加入区域中if(navigator.appName.indexOf("InternetExplorer")!=-1)document.onmousedown=noSourceExplorer;functionnoSourceExplorer(){if(event.button==... | |
| · 鼠标控制窗口开关 | 2006-10-29 00:44:59 |
| 脚本说明:第一步:把如下代码加入区域中(你可以对链接及说明作相应修改)functionwinopen(){msg1=open("update.htm","Homepage","toolbar=no,location=no,directories=no,status=no,menubar=no,scr... | |
| · 禁止鼠标左键。 | 2006-10-29 00:44:57 |
| 禁用鼠标左右键functionclick(){if(event.button==1){//改成button==2为禁止右键alert('对不起,禁止使用左键.')}}document.onmousedown=click禁用鼠标左右键点一下左键看看!脚本说明:把如下代码加入区域中functioncli... | |
| · [图文] 鼠标放上去打开新页面 | 2006-10-29 00:44:55 |
| 脚本说明:第一步:把如下代码加入区域中functionwinopen(){msg=open("update.htm","NewWindow","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resiz... | |
| · [图文] 弹性不错呵呵 | 2006-10-29 00:44:53 |
| 要完成此效果把如下代码加入到区域中v\:*{BEHAVIOR:url(#default#VML)}varstringcolor="white"varballsrc="http://www.9966ok.com/logo.gif"if(document.all&&window.print){docum... | |
| · 跟随鼠标的旋转文字 | 2006-10-29 00:44:52 |
| if(document.all){yourLogo="跟随鼠标的旋转文字";logoFont="宋体";logoColor="000000";yourLogo=yourLogo.split('');L=yourLogo.length;TrigSplit=360/L;Sz=newArray()logo... | |
| · 鼠标线 | 2006-10-29 00:44:50 |
| 要完成此效果把如下代码加入到区域中.disableHscroll{width:100%;overflow-x:hidden;overflow-y:scroll;}v\:*{BEHAVIOR:url(#default#VML)}vardefaultcolor="#999999"varlineweigh... | |
| · [图文] 鼠标感应图片 | 2006-10-29 00:44:48 |
| functionexpand(){if(smallslot.width80){x=window.setTimeout('reduce()',10)smallslot.width=smallslot.width-5smallslot.height=smallslot.height-5}} | |
| · 由鼠标按住可移文字 | 2006-10-29 00:44:47 |
| .drag{position:relative;cursor:hand}vardragapproved=falsevarz,x,yfunctionmove(){if(event.button==1&&dragapproved){z.style.pixelLeft=temp1+event.client... | |
| · 鼠标点击效果 (爽) | 2006-10-29 00:44:45 |
| -1&&dom)?1:0;varn=(document.layers);varie=(document.all);varsparksAflyin=0;vartotalSparks=0;varsparksOn=1;functioninitMouseEvents(){document.onmousedo... | |
| · [图文] 一群群的蚂蚁爬向鼠标 (新) | 2006-10-29 00:44:43 |
| 要完成此效果需要三个步骤第一步：把如下代码加入到区域中.ant{height:16px;position:absolute;visibility:hidden;width:16px;}.30pt{font-size:30pt;color:red;font-family:汉鼎繁淡古}'+text+''... | |
| · 萤火虫儿似的 | 2006-10-29 00:44:42 |
| if(document.all){colours=newArray('ff0000','00ff00','3366ff','ff00ff','ffa500','ffffff','fff000')amount=colours.length;YgetDelay=0,XgetDelay=0,Ydelay=... | |
| · 这个特效可不一般啊...看看你的右键 | 2006-10-29 00:44:40 |
| body{font-size:9pt;}table{font-size:9pt;cursor:default;margin:0;}tr{height:20;}tr.over{font-size:9pt;color:#ffffff;background-color:#66aadd;cursor:def... | |
| · 跟着鼠标旋转的效果脚本 | 2006-10-29 00:44:36 |
| 要完成此效果把如下代码加入到区域中')document.write('');for(n=0;n')document.write('')document.write('')functionMsieMouseFollow(){Xpos=document.body.scrollLeft+event.x-5... | |
| · 要试试鼠标被“炸”的感觉吗？ | 2006-10-29 00:44:34 |
| 要完成此效果把如下代码加入到区域中picFollow=newImage();picFollow.src="http://www.jsshow.com/data/bomb.gif";picExplosion=newImage();picExplosion.src="http://www.jsshow.... | |
| · [图文] 跟随鼠标移动的眼睛 | 2006-10-29 00:44:33 |
| 要完成此效果把如下代码加入到区域中';s+='';s+=''+'';s+=''+'';document.writeln(s);}}functionclearEyes(){if(tid)clearTimeout(tid);}placeeyes(200,100);window.onload=setHan... | |
| · 跟随鼠标的彩色闪烁文字..好棒哦 | 2006-10-29 00:44:31 |
| 要完成此效果需要三个步骤第一步：把如下代码加入到区域中.spanstyle{COLOR:#0066ff;FONT-FAMILY:隶书;FONT-SIZE:14pt;FONT-WEIGHT:normal;POSITION:absolute;TOP:-50px;VISIBILITY:visible}第二... | |
| · 让你见见各种形态的鼠标 | 2006-10-29 00:44:29 |
| 要完成此效果把如下代码加入到区域中style="cursor:hand"style="cursor:crosshair"style="cursor:text"style="cursor:wait"style="cursor:move"style="cursor:help"style="cursor:... | |
| · 右键控制 点击右键后把你带到指定网址 | 2006-10-29 00:44:27 |
| 要完成此效果把如下代码加入到区域中if(navigator.appName.indexOf("InternetExplorer")!=-1)document.onmousedown=noSourceExplorer;functionnoSourceExplorer(){if(event.button... | |
| · 点击鼠标后就像爆米花一样蹦出好多字符 | 2006-10-29 00:44:26 |
| 要完成此效果需要三个步骤第一步：把如下代码加入到区域中脚本说明:第一步:把如下代码加入区域中-1&&dom)?1:0;varn=(document.layers);varie=(document.all);varsparksAflyin=0;vartotalSparks=0;varsparksOn=... | |
| · [图文] 鼠标旁边总是跟着图片，放上问候语蛮合适的 | 2006-10-29 00:44:22 |
| 要完成此效果需要两个步骤第一步：把如下代码加入到区域中varnewtop=0varnewleft=0if(navigator.appName=="Netscape"){layerStyleRef="layer.";layerRef="document.layers";styleSwitch="";}... | |
| · 用鼠标的左右移动来控制marquee的相应移动 | 2006-10-29 00:44:20 |
| 要完成此效果需要三个步骤第一步：把如下代码加入到区域中mid){if(ostat==false){speed=(mouse-mid)/25;news.scrollAmount=speed;}news.direction="right";}else{if(ostat==false){speed=(mi... | |