第一，只加在HTML文件头部，即HTML文件中<head>……</head>之间的代码。这类代码只需要加在这个部分，即可达到预期的效果。
第二，只加在HTML文件体部。即HTML文件中<body>……</body>之间的代码。这类代码只需要加在这个部分，即可达到预期的效果。如在你题目中提到的就属于这一类。
除上述情况外，多数代码需要先在头部（<head>……</head>之间）在上一些属性性质的代码，但是特效的主代码需要添加在体部（body>……</body>之间），否则，特效不能正常显示，有时还会出现错误，影响整个页面的正常显示。
添加特效代码的方法：
先要用HTML编辑软件，如常见的文本编辑器“记事本”，打开需要编辑的文件，根据特效代码的要求，在文件中找到相应位置，复制，粘贴特效代码，保存即可。修改完毕后，即可在浏览器中看到相应的效果。
在添加的时候一定要注意，一定要按照特效源码的要求添加，此外，还要保证源码的完整性，一个标点符号都不能少，也不能多。
另外要说的是，根据我的经验，直接从网上复制来的代码，不一定都能直接粘贴了用，一部分必须通过一个软件来中转。比如，先把网上的代码复制后，粘贴到“记事本”中，然后再复制、粘贴到相应的文件位置上。
最后，介绍你几个经典网页特效站。
1、网页特效集锦：http://www.helpor.net
2、javascript网页特效：http://www.baron.com.cn/javascript
3、万旭网页特效：http://js.wanxu.com
4、网页特效梦工厂：http://www.zlce.net/web
5、网页制作大宝库网页特效大全：http://www.dabaoku.com/texiao
"target=_blank"的意思就是“在新窗口中打开文件”，不加这个默认的就是在本窗口打开在<head></head>间加入这个代码
<script language="javascript">
function catge_submit()
{if(event.srcElement.name=="a")//""中填入你想用新页面打开的按钮名
myForm.target="_blank"
else myForm.target="_self"
}
</script>
表单改成这样
<form action="http://catge.com" method="POST" name="myForm" target="">
<input type="text" name="T1" size="20">
<input type="submit" value="点击新开页面处理表单" name="a" onClick="catge_submit()">
<input type="submit" value="点击不新开页面处理表单" name="b" onClick="catge_submit()">
</form>
使用了particles.js
particles.js可以从github网站下载到最新的源码，网址是 https://github.com/VincentGarreau/particles.js/
使用方法非常简单
第一步，在html中引入脚本文件 particles.min.js，这个文件在下载的压缩包里可以找到
<script src="particles.min.js"></script>第二步，在html中放入一个div容器，设置id为particles-js。这个一般放在所有网页元素的最后面就可以。
<div id="particles-js"></div><style type="text/css">
#particles-js {
position: absolute
top:0
width:100%
}
</style>
第三步，设置窗口样式
<style type="text/css">#particles-js {
z-index: -1
position: absolute
top: 0
width: 100%
background: #aaa
}</style>
第四步，脚本生成粒子效果，可以单独放在一个js文件里，也可以放在<script>标签里。无论如何，这段脚本要出现在div容器之后。
particlesJS("particles-js", { "particles": { "number": { "value": 380, "density": { "enable": true, "value_area": 800}
}, "color": { "value": "#ffffff"
}, "shape": { "type": "circle", "stroke": { "width": 0, "color": "#000000"
}, "polygon": { "nb_sides": 5
}, "image": { "src": "img/github.svg", "width": 100, "height": 100
}
}, "opacity": { "value": 0.5, "random": false, "anim": { "enable": false, "speed": 1, "opacity_min": 0.1, "sync": false
}
}, "size": { "value": 3, "random": true, "anim": { "enable": false, "speed": 40, "size_min": 0.1, "sync": false
}
}, "line_linked": { "enable": true, "distance": 150, "color": "#ffffff", "opacity": 0.4, "width": 1
}, "move": { "enable": true, "speed": 6, "direction": "none", "random": false, "straight": false, "out_mode": "out", "bounce": false, "attract": { "enable": false, "rotateX": 600, "rotateY": 1200
}
}
}, "interactivity": { "detect_on": "canvas", "events": { "onhover": { "enable": true, "mode": "grab"
}, "onclick": { "enable": true, "mode": "push"
}, "resize": true
}, "modes": { "grab": { "distance": 140, "line_linked": { "opacity": 1
}
}, "bubble": { "distance": 400, "size": 40, "duration": 2, "opacity": 8, "speed": 3
}, "repulse": { "distance": 200, "duration": 0.4
}, "push": { "particles_nb": 4
}, "remove": { "particles_nb": 2
}
}
}, "retina_detect": true})
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）