先从最基本开始
鼠标后飘动的字符
<style type="text/css">
.spanstyle {
COLOR: #00cccc; FONT-FAMILY: 宋体; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</style>
<script>
var x,y
var step=18
var flag=0
var message="★Viking希望能得到你们的支持,谢谢!"
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-200
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}
function www_helpor_net() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("www_helpor_net()",30)
}
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
www_helpor_net();
// -->
</script>
[只可以运行网页和脚本代码,C++.JAVA等代码也可以用这种方式缩短高度]
去掉链接下划线
<style TYPE="text/css">
<!--
A:link{text-decoration:none}
A:visited{text-decoration:none}
A:hover {color: #ff00ff;text-decoration:underline}
-->
</style>
状态栏里的欢迎语
<script language="javascript">
<!--
function statusMessageObject(p,d) {
this.msg = MESSAGE
this.out = " "
this.pos = POSITION
this.delay = DELAY
this.i = 0
this.reset = clearMessage
}
function clearMessage() {
this.pos = POSITION
}
var POSITION = 100
var DELAY = 5
var MESSAGE = "欢迎光临! Welcome to icesboy.91x.net "
var scroll = new statusMessageObject()
function scroller() {
for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {
scroll.out += " "
}
if (scroll.pos >= 0)
scroll.out += scroll.msg
else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
window.status = scroll.out
scroll.out = " "
scroll.pos--
if (scroll.pos < -(scroll.msg.length)) {
scroll.reset()
}
setTimeout ('scroller()',scroll.delay)
}
function snapIn(jumpSpaces,position) {
var msg = scroll.msg
var out = ""
for (var i=0; i<position; i++)
{out += msg.charAt(i)}
for (i=1;i<jumpSpaces;i++)
{out += " "}
out += msg.charAt(position)
window.status = out
if (jumpSpaces <= 1) {
position++
if (msg.charAt(position) == ' ')
{position++ }
jumpSpaces = 100-position
} else if (jumpSpaces > 3)
{jumpSpaces *= .75}
else
{jumpSpaces--}
if (position != msg.length) {
var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
} else {
window.status=""
jumpSpaces=0
position=0
cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
return false
}
return true
}
snapIn(100,0);
// -->
</script>
网页背景音乐
<EMBED src=http://www.woduhom.com/wfzy/15.mid width=0 height=0 type=audio/mid loop="true" autostart="true" border="0"></EMBED> </FONT>
把蓝色地方换成背景音乐的地址
禁右键
<script language="javascript">
function click() {
if (event.button==2) {
alert('小样,偷想看我东西 。')
}
}
document.onmousedown=click
</script>
放入<body>区域中
<input onclick="window.external.ImportExportFavorites(false,'');" type=button value=导出收藏夹 name=Button32>
<input onclick="window.external.AddFavorite(location.href, document.title)" type=button value=加入收藏夹 name=Button22>
<input onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)" type=button value=整理收藏夹 name=Submit2>
<input onclick='window.location="view-source:" + window.location.href' type=button value=查看源文件 name=Button7>
<input onclick="window.external.ShowBrowserUI('LanguageDialog', null)" type=button value=语言设置 name=Button6>
<input onclick=history.go(1) type=submit value=前进 name=Submit>
<input onclick=history.go(-1) type=submit value=后退 name=Submit2>
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>
窗口的打开和关闭
<!--脚本说明:
第一步:把如下代码加入<head>区域中-->
<SCRIPT language="javascript">
<!--
function openclk() {
another=open('test.htm','NewWindow');
}
function closeclk() {
another.close();
}
//-->
</SCRIPT>
<!--第二步:把如下代码加入<body>区域中-->
<form>
<INPUT TYPE="BUTTON" NAME="open" value="打开一个窗口" onClick="openclk()">
<BR>
<INPUT TYPE="BUTTON" NAME="close" value="关闭这个窗口" onClick="closeclk()">
</form>
一 、很酷的弹出老人动画
<html>
<head>
<SCRIPT>
<!--
function crml(nid)
{
try
{
nid=new ActiveXObject("Agent.Control.2");
nid.Connected = true;
nid.Characters.Load("");
return nid;
}
catch (err)
{
return false;
}
}
function chplay ()
{
if (ml=crml ("ml"))
{
var MerlinID;
var MerlinACS;
Merlin = ml.Characters.Character(MerlinID);
Merlin.MoveTo(200,200);
Merlin.Show();
Merlin.Play("Explain");
Merlin.Play("Announce");
Merlin.Speak("欢迎你来到free.2259.com电脑频道！");
Merlin.Play("Gestureright");
Merlin.Play("Pleased");
Merlin.Speak("我们的网址：http://free.2259.com";);
Merlin.Play("Idle1_1");
Merlin.Hide();
Merlin.MoveTo(600,300);
Merlin.Show();
Merlin.Play("Surprised");
Merlin.Speak("2259音乐频道 http://www.2259.com/index.asp";);
Merlin.Play("Read");
Merlin.Speak("还多了一个专门的FLASH音乐频道");
Merlin.Play("Read")
Merlin.Play("GestureUp");
Merlin.Speak("网址是：Http://flash.2259.com希望大家会喜欢");
Merlin.Play("DontRecognize");
Merlin.Speak("感谢您的到来");
Merlin.Play("DontRecognize");
Merlin.Play("Greet");
Merlin.Speak("提前祝你圣诞快乐！");
Merlin.Play("Greet");
Merlin.Speak("下次再见！");
Merlin.Play("Greet");
Merlin.Hide();
}
}
//-->
</SCRIPT>
<SCRIPT>
<!--
chplay()
-->
</SCRIPT>
</head>
</html>
二、结合的很酷的文本滚动与网页飞花的特效
<SCRIPT language=javascript>
//设置marquee的宽度(in pixels)
var marqueewidth=190
//设置marquee的高度
var marqueeheight=200
//设置marquee的速度
var speed=1
//设置marquee的显示内容
var marqueecontents=
ef="<center><p>加如文章的内容</center>"
if (document.all)
document.write('<marquee direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>')
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}
function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write(marqueecontents)
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.height
scrollit()
}
function scrollit(){
if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.top-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.top=marqueeheight
scrollit()
}
}
window.onload=regenerate2
</SCRIPT>
<script language
网页制作特效经典代码集合.rar （2个子文件） 
网页特效代码集合.txt 11KB 制作网页时的23个经典代码.txt 9KB
aplsc
- 粉丝: 231
- 资源: 61
最新资源
- (175821612)188.基于AT89C51单片机的数控直流稳压电源.zip
- 一个简单的 Python 爬虫程序示例，用于爬取豆瓣电影 Top250 页面的电影名称、评分和评价人数信息
- (175829056)python基于人脸识别的票务系统源码数据库演示.zip
- (176004004)基于python的反爬虫技术的研究源码数据库论文.docx
- 基于springboot的网上商城购物系统源码（java毕业设计完整源码+LW）.zip
- (176167604)基于PHP、MongoDB、Redis、Elasticsearch的社工库系统 .zip
- (176268012)三相两电平SVPWM逆变器psim仿真实现
- openssh-9.8p1-centos7升级包
- 平稳信号的Gabor变换-main
- 人力资源数据看板可视化
- (177078646)python决策树实现鸢尾花分类
- (177431414)R语言数据分析学习资料
- 基于springboot的小区物业管理系统源码（java毕业设计完整源码+LW）.zip
- (177783050)基于python的人脸识别的实验室智能门禁系统源码数据库.docx
- 昆仑通态MCGS与3台施耐德ATV12变频器通讯程序 实现昆仑通态触摸屏与3台施耐德ATV12变频器通讯，程序稳定可靠，同时解决了施耐德ATV变频器断电重启后，自准备过程 无需人为再准备 器件：昆
- (177987432)基于JAVA得在线购物系统毕业设计
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论1