搜索
编程论坛 → WEB开发 → 『 WEB前端(UI) 』 → 网页特效代码集合,菜鸟必看~~~~~~!
标题：网页特效代码集合,菜鸟必看~~~~~~!
取消只看楼主
Viking
Rank: 1
等　级：新手上路
帖　子：80
专家分：0
注　册：2004-11-5
第 11 楼
 得分:0 
radio按钮调
<form>
<div align="center"><center><p>本站很好: <input TYPE="radio" NAME="radio" value="谢谢您的鼓励和支持！" onClick="alert(value)">

本站一般: <input TYPE="radio" NAME="radio" value="我会不断努力的！" onClick="alert(value)">

本站太差: <input TYPE="radio" NAME="radio" value="具体的意见建议请Email给我，谢谢！" onClick="alert(value)">
</p>
</center></div>
</form>

┏━━━ミ━━┓ ┃　　　　 |||┃ ┃━━ ﹏ ━━┃ ┗━━━━━━┛ ~洋葱头~~小辫辫~ ~血可流!头可断~! ~偶滴发型不能乱~
2004-11-13 21:06
Viking
Rank: 1
等　级：新手上路
帖　子：80
专家分：0
注　册：2004-11-5
第 12 楼
 得分:0 
变换连接色和底色 <!--脚本说明: 第一步:把如下代码加入<head>区域中--> <SCRIPT LANGUAGE="javascript"> <!-- Begin function doColor(item, color, bg) { item.style.color = color; // changes text color item.style.backgroundColor = bg; // changes background } function undoColor(item) { item.style.color = "#000000"; // sets color back to black item.style.backgroundColor = ""; // sets background to default } // End --> </script> </HEAD> <!--第二步:在<body>区中加入如下代码--> <a name="link1" href="http://lwjrj.yeah.net/" onmouseover="doColor(link1, 'yellow','black');" onmouseout="undoColor(link1);">心梦在线</a> <p> <a name="link2" href="http://www.javascriptsource.com/" onmouseover="doColor(link2, 'blue','red');" onmouseout="undoColor(link2);">闪客帝国</a>

┏━━━ミ━━┓ ┃　　　　 |||┃ ┃━━ ﹏ ━━┃ ┗━━━━━━┛ ~洋葱头~~小辫辫~ ~血可流!头可断~! ~偶滴发型不能乱~
2004-11-13 21:07
Viking
Rank: 1
等　级：新手上路
帖　子：80
专家分：0
注　册：2004-11-5
第 13 楼
 得分:0 
窗口的打开和关闭
&lt;!--脚本说明:
第一步:把如下代码加入&lt;head&gt;区域中--&gt;
&lt;SCRIPT language="javascript"&gt;
&lt;!--
function openclk() {
another=open('test.htm','NewWindow');
}
function closeclk() {
another.close();
}
//--&gt;
&lt;/SCRIPT&gt;
&lt;!--第二步:把如下代码加入&lt;body&gt;区域中--&gt;

&lt;form&gt;
&lt;INPUT TYPE="BUTTON" NAME="open" value="打开一个窗口" onClick="openclk()"&gt;
&lt;BR&gt;
&lt;INPUT TYPE="BUTTON" NAME="close" value="关闭这个窗口" onClick="closeclk()"&gt;
&lt;/form&gt;


┏━━━ミ━━┓ ┃　　　　 |||┃ ┃━━ ﹏ ━━┃ ┗━━━━━━┛ ~洋葱头~~小辫辫~ ~血可流!头可断~! ~偶滴发型不能乱~
2004-11-13 21:09
Viking
Rank: 1
等　级：新手上路
帖　子：80
专家分：0
注　册：2004-11-5
第 14 楼
 得分:0 

yl10 兄是口wu吧,呵呵,没事,咱兄弟虽然是.NET派的,但仍然来捧你场.


┏━━━ミ━━┓ ┃　　　　 |||┃ ┃━━ ﹏ ━━┃ ┗━━━━━━┛ ~洋葱头~~小辫辫~ ~血可流!头可断~! ~偶滴发型不能乱~
2004-11-13 23:09
Viking
Rank: 1
等　级：新手上路
帖　子：80
专家分：0
注　册：2004-11-5
第 15 楼
 得分:0 

感谢zswlove 的支持


┏━━━ミ━━┓ ┃　　　　 |||┃ ┃━━ ﹏ ━━┃ ┗━━━━━━┛ ~洋葱头~~小辫辫~ ~血可流!头可断~! ~偶滴发型不能乱~
2004-11-14 14:26
Viking
Rank: 1
等　级：新手上路
帖　子：80
专家分：0
注　册：2004-11-5
第 16 楼
 得分:0 
地震
&lt;!--脚本说明：
把如下代码加入&lt;body&gt;区域中:--&gt;
&lt;script language="javascript"&gt;
&lt;!--
function surfto(form) {
   var myindex=form.select1.selectedIndex
   if (form.select1.options[myindex].value != null) {
        parent.main.location.href=form.select1.options[myindex].value;
   }
}
// --&gt;
&lt;/script&gt;
&lt;script language="javascript1.2"&gt;
&lt;!--
function shake(n) {
if (window.top.moveBy) {
for (i = 10; i &gt; 0; i--) {
for (j = n; j &gt; 0; j--) {
window.top.moveBy(0,i);
window.top.moveBy(i,0);
window.top.moveBy(0,-i);
window.top.moveBy(-i,0);
        }
     }
  }
alert(" 没吓坏吧!!! ");
}
// End --&gt;
&lt;/script&gt;
&lt;script
language="javascript"&gt;
&lt;!--
function moyamoya(htmlfile) {
  parent.main.location.href=htmlfile;
}
// --&gt;
&lt;/script&gt;


&lt;form&gt;
 &lt;div align="center"&gt;&lt;center&gt;&lt;p&gt;&lt;input onclick="shake(2)" type="button"
 value="地震拉！！！"&gt; &lt;/p&gt;
 &lt;/center&gt;&lt;/div&gt;
&lt;/form&gt;
别怕,死不了人

┏━━━ミ━━┓ ┃　　　　 |||┃ ┃━━ ﹏ ━━┃ ┗━━━━━━┛ ~洋葱头~~小辫辫~ ~血可流!头可断~! ~偶滴发型不能乱~
2004-11-14 23:53
Viking
Rank: 1
等　级：新手上路
帖　子：80
专家分：0
注　册：2004-11-5
第 17 楼
 得分:0 
各种用途的按钮 <!--脚本说明： 把如下代码加入<body>区域中:--> <form> <p> <input type="button" value="返回" onClick="history.go(-1)" name="button" class="pt9"> <input TYPE="button" NAME="view" value="查看本例的源码" onClick="window.location="view-source:" +window.location.href" class="pt9"> </p> </form> <form> <p><input TYPE="button" value="返回上一步" onCLICK="history.back(-1)"></p> </form> <form> <p><input TYPE="button" value="刷新按钮一" onCLICK="ReloadButton()"></p> </form> <script language="javascript"><!-- function ReloadButton(){location.href="allbutton.htm";} // --></script> <form> <p><input TYPE="button" value="刷新按钮二" onClick="history.go(0)"> </p> </form> <form> <p><input TYPE="button" value="回首页按钮" onCLICK="HomeButton()"></p> </form> <script language="javascript"><!-- function HomeButton(){location.href="http://nettrain.126.com";}/ // --></script> <form> <p><input TYPE="button" value="弹出警告框" onCLICK="AlertButton()"></p> </form> <script language="javascript"><!-- function AlertButton(){window.alert("要多多光临呀！");} // --></script> <form> <p><input TYPE="button" value="状态栏信息" onCLICK="StatusButton()"></p> </form> <script language="javascript"><!-- function StatusButton(){window.status="要多多光临呀！";} // --></script> <form> <p><input TYPE="button" value="背景色变换" onClick="BgButton()"></p> </form> <script>function BgButton(){ if (document.bgColor=='#00ffff') {document.bgColor='#ffffff';} else{document.bgColor='#00ffff';} } </script> <form> <p><input TYPE="button" value="打开新窗口" onCLICK="NewWindow()"></p> </form> <script language="javascript"><!-- function NewWindow(){window.open("test.htm","","height=240,width=340,status=no,location=no,toolbar=no,directories=no,menubar=no");} // --></script>

┏━━━ミ━━┓ ┃　　　　 |||┃ ┃━━ ﹏ ━━┃ ┗━━━━━━┛ ~洋葱头~~小辫辫~ ~血可流!头可断~! ~偶滴发型不能乱~
2004-11-14 23:53
Viking
Rank: 1
等　级：新手上路
帖　子：80
专家分：0
注　册：2004-11-5
第 18 楼
 得分:0 
嘿嘿,为人民服务!!!!

┏━━━ミ━━┓ ┃　　　　 |||┃ ┃━━ ﹏ ━━┃ ┗━━━━━━┛ ~洋葱头~~小辫辫~ ~血可流!头可断~! ~偶滴发型不能乱~
2004-11-15 15:25
Viking
Rank: 1
等　级：新手上路
帖　子：80
专家分：0
注　册：2004-11-5
第 19 楼
 得分:0 
多谢费心了

┏━━━ミ━━┓ ┃　　　　 |||┃ ┃━━ ﹏ ━━┃ ┗━━━━━━┛ ~洋葱头~~小辫辫~ ~血可流!头可断~! ~偶滴发型不能乱~
2004-11-15 22:32
Viking
Rank: 1
等　级：新手上路
帖　子：80
专家分：0
注　册：2004-11-5
第 20 楼
 得分:0 
呵呵,都固顶了,当然不会删了

┏━━━ミ━━┓ ┃　　　　 |||┃ ┃━━ ﹏ ━━┃ ┗━━━━━━┛ ~洋葱头~~小辫辫~ ~血可流!头可断~! ~偶滴发型不能乱~
2004-11-21 23:16



参与讨论请移步原网站贴子：https://bbs.bccn.net/thread-7495-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有，并保留所有权利。
Powered by Discuz, Processed in 0.475391 second(s), 8 queries.
Copyright©2004-2025, BCCN.NET, All Rights Reserved